时间戳

首页 > 解决方案 > 需要帮助在我的小计算器代码中找到问题

javascript - 需要帮助在我的小计算器代码中找到问题

问题描述

这是一个我必须教孩子们的小项目，我看了每一个字母，不明白为什么我的加法功能不能正常工作。我所有的代码，但添加工作正常。当我使用 add 函数时，它不会添加它只是将两个数字放在一起，我不明白为什么。

 <!DOCTYPE html>
<html> 
<head>
 
<title>Calculator </title>
 
</head>
<body>

<p>1st Number :</p>
<input type="text" id="firstNumber"> 
<p>2nd Number :</p>
<input type="text" id="secondNumber"> 

<div>
<button id="Add" >Add</button>
<button id="Subtract" >Subtract</button>
<button id="Multiply" >Multiply</button>
<button id="Divide" >Divide</button>
 
<p>The result is :</p>
<p id="answer"></p>

</div>
</body>
</html>

    function Multiply(){
    var num1 = document.getElementById('firstNumber').value; 
    var num2 = document.getElementById('secondNumber').value;
    var a = num1*num2;
    document.getElementById('answer').innerHTML = a;
}
function Divide(){
    var num1 = document.getElementById('firstNumber').value; 
    var num2 = document.getElementById('secondNumber').value;
    var a = num1/num2;
    document.getElementById('answer').innerHTML = a;
}
function Add(){
    var num1 = document.getElementById('firstNumber').value; 
    var num2 = document.getElementById('secondNumber').value;
    var a = num1+num2;
    console. log(a);
    document.getElementById('answer').innerHTML = a;
    
}
function Subtract(){
    var num1 = document.getElementById('firstNumber').value; 
    var num2 = document.getElementById('secondNumber').value;
    var a = num1-num2;
    document.getElementById('answer').innerHTML = a;
}
document.getElementById('Multiply').onclick =
  Multiply;
document.getElementById('Divide').onclick =
  Divide;
document.getElementById('Add').onclick =
  Add;
document.getElementById('Subtract').onclick=
  Subtract;

标签： javascriptp5.js

解决方案

推荐阅读