jquery - HTML JavaScript で Div を動的に追加する

Question

HTML で div を作成しましたが、内部 div を動的に追加したいと考えています。以下は HTML のコードです。

<div id="table">
    <div class="row">
        This is the Demo First row Content.
        <div class="cell1">
            Cell 1 Content
        </div>
        <div class="cell2">
            Cell 2 Content
        </div>
    </div>
    <div class="row">
        This is the Demo Second row Content.
        <div class="cell1">
            Cell 1 Content
        </div>
        <div class="cell2">
            Cell 2 Content
        </div>
    </div>
</div>

<input type="button" value="Add New Row" onclick="addNewRow()"  />

私のCSSは

div {
       border: 1px dotted red;
       padding: 10px;    
    }

そして、私はそれのためにjavaScriptを実行しましたが、機能していません。ジャバスクリプトは

function addNewRow {
    var table = document.getElementById('table');

    var rDiv = document.createElement('div');

    table.appendChild(rDiv);

    rDiv.innerHTML = "This is the Demo Third row Content.";

    var c1Div = document.createElement('div');
    rDiv.appendChild(c1Div);
    c1Div.innerHTML = "Cell 1 Content";

    var c2Div = document.createElement('div');
    rDiv.appendChild(c2Div);
    c2Div.innerHTML = "Cell 2 Content";
}

しかし、私がそれを実行したとき。新しい行は追加されません。私が欠けているものを教えてください。

よろしく、
ディネッシュ

Answer 1

最初の js コード行を次の行に置き換えるだけです:-

関数 addNewRow(){

Answer 2

関数 addNewRow()のような JavaScript 関数を定義します{関数 addNewRow {ではありません