0

ユーザーがテキストフィールドに入力した数値に基づいて、多くの入力フィールドとドロップダウンボックスを作成するために使用される、非常に複雑なJavaScriptがいくつかあります。
基本的な説明: 数値を使用しているかどうかを判断し、その数値が 5 未満かどうかを判断し、それがどの数値であるかを判断します。次に、番号に応じてテキストフィールドと操作をコピーして貼り付けました。明らかに、私はJavascript(および適切な文法)が苦手です。
コードは次のとおりです。

function calculator() {
var boxNumber= document.getElementById('boxNumber').value;
var boxInt= parseInt(boxNumber);
var limit= new Number(5);

if (Math.floor(boxInt)== boxInt) {

    if (boxInt <= limit) {

        x= boxInt;

        if (x==5){

            document.getElementById('opSpace').innerHTML="<br /><input /><p></p><select><option>Add</option><option>Sub</option><option>Mul</option><option>Div</option></select><br /><input /><p></p><select><option>Add</option><option>Sub</option><option>Mul</option><option>Div</option></select><br /><input /><p></p><select><option>Add</option><option>Sub</option><option>Mul</option><option>Div</option></select><br /><input /><p></p><select><option>Add</option><option>Sub</option><option>Mul</option><option>Div</option></select><br /><input /><p></p><select><option>Add</option><option>Sub</option><option>Mul</option><option>Div</option></select>"

        }

        else {

            if (x==4) {

                document.getElementById('opSpace').innerHTML="<br /><input /><p></p><select><option>Add</option><option>Sub</option><option>Mul</option><option>Div</option></select><br /><input /><p></p><select><option>Add</option><option>Sub</option><option>Mul</option><option>Div</option></select><br /><input /><p></p><select><option>Add</option><option>Sub</option><option>Mul</option><option>Div</option></select><br /><input /><p></p><select><option>Add</option><option>Sub</option><option>Mul</option><option>Div</option></select>"

            }

            else {

                if (x==3) {

                document.getElementById('opSpace').innerHTML="<br /><input /><p></p><select><option>Add</option><option>Sub</option><option>Mul</option><option>Div</option></select><br /><input /><p></p><select><option>Add</option><option>Sub</option><option>Mul</option><option>Div</option></select><br /><input /><p></p><select><option>Add</option><option>Sub</option><option>Mul</option><option>Div</option></select>"

            }

                else {

                    if (x==2) {

                        document.getElementById('opSpace').innerHTML="<br /><input /><p></p><select><option>Add</option><option>Sub</option><option>Mul</option><option>Div</option></select><br /><input /><p></p><select><option>Add</option><option>Sub</option><option>Mul</option><option>Div</option></select>"

                    }

                    else {

                    if (x==1) {

                        document.getElementById('opSpace').innerHTML="<br /><input /><p></p><select><option>Add</option><option>Sub</option><option>Mul</option><option>Div</option></select>"

                    }

                    else {

                        alert("No zeros or negatives please")

                    }

                    }

                }

            }

        }

    }

    else {
    alert ("Use a number less than 5")
    }
}

else {
    alert("Use a number")
}
}

あなたはアイデアを得る。これは、テキスト フィールドが操作数を定義し、ドロップダウンが操作を定義する電卓の前身です。どんな助けでも大歓迎です。

4

3 に答える 3

1
function calculator() {
    var boxNumber= document.getElementById('boxNumber').value;
    var boxInt= parseInt(boxNumber, 10);
    var limit= 5;

    if (Math.floor(boxInt)== boxInt) {
        if (boxInt <= limit && boxInt > 0) {
            var html = '';
            for (var i = 0; i < boxInt; i++) {
                html += "<br /><input /><p></p><select><option>Add</option><option>Sub</option><option>Mul</option><option>Div</option></select>";
            }
            document.getElementById('opSpace').innerHTML = html;
        } else {
            alert("No zeros or negatives please")
        }
    } else {
        alert ("Use a number less than 5")
    }
}
于 2013-09-29T05:34:31.187 に答える