JavaScript\u计算器

编辑：很抱歉在第一次尝试时出现了令人困惑的问题

我想创建一个带有JavasScript和jQuery的计算器。 计算器应包括：

• 2数字的基本字段
• 选择操作“+，-，*，/”
• 用于计算输入的数字的按钮
• 为数字创建更多字段的按钮

然后使用一个选定的操作计算任意数量的字段。 在我的代码中，我试图将所有这些因素考虑在内并将其合并，但不幸的是，这不起作用。“计算”和“+添加”按钮不起作用。 此外，如果在字段中输入的不是数字，则应发出警报。我知道你可以通过NaN实现这一点，但不能相应地构建它。我希望有人能帮他的忙。再次为第一次尝试时出现的令人困惑的问题感到抱歉

HTML:

+添加

+
-
/
*
算计

Javascript:

$(document.readyState(function(){
    var i = 1;
    $('#add').click(function(){  
        i++;  
        $('#simple_calculator').append('<tr id="row'+i+'"><td><input type="text" id="valueX" placeholder="Number"></td><td><button type="button" name="remove" id="'+i+'" class="btn btn-danger btn_remove">X</button></td></tr>');    
   });  
   $(document).on('click', '.btn_remove', function(){  
        var button_id = $(this).attr("id");   
        $('#row'+button_id+'').remove();  
   }); 
},
function calc() {
    var a = parseInt(document.querySelector("value1").value);
    var b = parseInt(document.querySelector("valueX").value);
    var op = document.querySelector("operator").value;
    var calculate;

    if (op =="add") {
        calculate = a + b;
    }
    else if (op == "min") {
        calculate = a - b;
    } else if (op == "div") {
        calculate = a / b;
    } else if (op == "mul"){
        calculate = a * b
    }

document.querySelector("result")
}))

$（document.readyState（function（））{
var i=1；
$（'#添加'）。单击（函数（）{
i++；
$（'simple_calculator'）。追加（'X'）；
});  
$（文档）.on（'click'，'.btn_remove'，function（）{
var按钮_id=$（this.attr（“id”）；
$（“#行”+按钮id+”）.remove（）；
}); 
},
函数计算（）{
var a=parseInt（document.querySelector（“value1”）.value）；
var b=parseInt（document.querySelector（“valueX”）.value）；
var op=document.querySelector（“operator”）.value；
var计算；
如果（op==“添加”）{
计算=a+b；
}
否则如果（op=“最小值”）{
计算=a-b；
}否则如果（op==“div”）{
计算=a/b；
}否则如果（op==“mul”）{
计算=a*b
}
文档查询选择器（“结果”）
}))

你的问题被问到的方式留下了很多解释的余地，你最好用你所拥有的更新你的答案，也许还有一个你如何看到你需要的东西的草图

要解决不同字段的第一个问题，可以使用class属性。您可以为每个输入字段指定如下类：

<input type="number" class="valueField" />

---

我会建议张贴任何代码，你到目前为止。如果人们能够帮助调整您已有的代码，而不是要求其他人从头开始编写代码，那么效果会更好。无论如何，是的，这是可能的-您可以使用appendChild轻松地向表单添加新输入。这里有更多信息：@Zerowiel虽然这个问题确实需要改进，但您的回答没有提供任何帮助。首先，就像你自己说的，它是React，而标记是JS和JQuery。还有一点很清楚，就是需要使用多个字段。“任意数量的字段”？你在考虑什么领域？DOM元素？我不明白这个问题。这个问题写得太抽象了一点。告诉我们你的意思javascript代码不正确！它应该是

var fields=document.getElementsByClassName（“valueField”）
<input type="number" class="valueField" />

var fields = document.getElementsByClassName("valueField");