Question

编写一个名为“ additionCalculator”的函数，该函数不带任何参数，并且不返回任何值。此功能将控制基于Web的计算器的逻辑，该计算器将两个数字相加（您可以通过这种方式制作更复杂的计算器，但是我们现在仅添加数字，因此我们可以专注于概念）。网页上将有两个文本框，其ID为“ input_one”和“ input_two”，以及一个空的div，其ID为“ sum”。读取两个文本框的值，并将这两个值的和写在div中。请注意，您从页面读取的每个值都将是一个字符串，您需要将其转换为数字以执行加法运算。

到目前为止，我的代码：

    function additionCalculator(){
        var one=document.getElementById("input_one").value;
        var two=document.getElementById("input_two").value;
        var my_js_variable = one + two;
        document.getElementById("sum").innerHTML = my_js_variable;


    }

this is the output:

html: "<html>
<head>
<script src="myCode.js"></script>
</head>
<body>
<div id="sum">2-88</div>
<input type="text" id="input_one" value="2"/>
<input type="text" id="input_two" value="-88"/>
<button onclick="additionCalculator();">Add</button>
</body>
</html>"
expected: "<html>
<head>
<script src="myCode.js"></script>
</head>
<body>
<div id="sum">-86</div>
<input type="text" id="input_one" value="2"/>
<input type="text" id="input_two" value="-88"/>
<button onclick="additionCalculator();">Add</button>
</body>
</html>"

我怎样才能使它与前两个输入值相加？谢谢。

编辑：

在下面的帮助下解决了问题！谢谢！！！！

Answer 1

对来自HTML的值使用parseInt，否则它将被视为字符串并串联为字符串
{nappies} => {beer}

javascript新手有关于Web前端的问题

1 个答案: