новичок в javascript есть вопрос о веб-интерфейсе - PullRequest
0 голосов
/ 27 ноября 2018

Напишите функцию с именем "extensionCalculator", которая не принимает никаких параметров и не возвращает значение.Эта функция будет управлять логикой для веб-калькулятора, который добавляет два числа (Вы можете сделать более сложные калькуляторы таким образом, но пока мы только добавим числа, чтобы мы могли сосредоточиться на концепции).На веб-странице будет два текстовых поля с идентификаторами «input_one» и «input_two» и пустым div с идентификатором «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>"

как можноя делаю так, чтобы он добавляет значения из первых двух входов?спасибо.

редактировать:

решил ответ из-за помощи снизу спасибо !!!!

1 Ответ

0 голосов
/ 27 ноября 2018

используйте parseInt для ваших значений из HTML, в противном случае он будет рассматриваться как строка и объединяться как строкаvar my_js_variable = parseInt(one) + parseInt(two);

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...