ユーザーがテキストフィールドに入力した数値に基づいて、多くの入力フィールドとドロップダウンボックスを作成するために使用される、非常に複雑な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")
}
}
あなたはアイデアを得る。これは、テキスト フィールドが操作数を定義し、ドロップダウンが操作を定義する電卓の前身です。どんな助けでも大歓迎です。