以下のいくつかの JavaScript コードの 2 つのバージョンがあります。
バージョン 1 では、 function を呼び出すとaddNewCell(tableID)
、行を起動できます alert("bingo")
バージョン 2 では、さらにコードを追加しました。今、ラインalert("bingo")
は発火しません。何を与える?チェックしたところ、括弧のバランスが取れています。
バージョン 1
var counter = 1;
var limit = 100;
function isEven(value) {
value = Number(value);
if (value%2 == 0)
return true;
else
return false;
}
function addNewCell(tableID){
if (counter == limit) {
alert("You have reached the limit of adding inputs");
}
else {
alert("bingo");
counter++;
}
}
バージョン 2
var counter = 1;
var limit = 100;
function isEven(value) {
value = Number(value);
if (value%2 == 0)
return true;
else
return false;
}
function addNewCell(tableID){
if (counter == limit) {
alert("You have reached the limit of adding inputs");
}
else {
alert("bingo");
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var lastRow = table.rows[rowCount-1];
var lastRowCellsCount = lastRow.getElementsByTagName('td').length;
// alternative var lastRowCellsCount = lastRow.cells.length;
if isEven(lastRowCellsCount) {
var newRow = table.insertRow(rowCount);
var newCell0 = newRow.insertCell(0);
newCell0.innerHTML = '<input type="text" size="76" onclick="addNewCell('initialTable')" name="myInputs[]"> <br><br> <textarea rows="6" cols="76" name="myInputs[]"></textarea > ' ;
}
else {
var newCell1 = lastRow.insertCell(1);
newCell1.innerHTML = '<input type="text" size="76" onclick="addNewCell('initialTable')" name="myInputs[]"> <br><br> <textarea rows="6" cols="76" name="myInputs[]"></textarea > ' ;
}
counter++;
}
}