要在HTML页面上显示的JavaScript基本数学函数

我想用JavaScript开发基本的数学函数（加法、减法等）。输入参数应该来自HTML网页，而不是JavaScript中的，并在同一HTML页面上返回结果

函数数学（）{
//document.getElementById（“frm1”）.innerHTML；
var numb=document.getElementById（“number”）.innerHTML；
var mod=document.getElementById（“修饰符”）.innerHTML；
控制台日志（numb）；
控制台日志（mod）；
var sum=1；//numb+mod；//1是一个占位符
控制台日志（总和）；
sum=document.getElementById（“sum”）.innerHTML；
}

编号：
修改器：

要正确检索输入值，请使用

value

而不是

innerHtml

检索到的值是

字符串

，因此在数学中使用它们之前，需要将它们解析为

数字

（使用

parseInt

）

function math() {
  const numb = document.getElementById("number").value;
  const mod = document.getElementById("modifier").value;
  sum = document.getElementById("sum").innerText = parseInt(numb) + parseInt(mod);
}

---

如果要在html元素中显示总和，请尝试：

document.getElementById("sum").innerHTML = sum;

---

但是一个更精确的问题会有帮助

表单标记具有

操作

属性。这意味着该页面将向指定页面提交您的信息。可以使用jQuery阻止表单提交

$("#yourFormId").on("submit",function(event){event.preventDefault()})

<form id="frm1" action"javascript:void(0);">

您还可以编辑表单

操作

属性本身，以防止其提交

$("#yourFormId").on("submit",function(event){event.preventDefault()})

<form id="frm1" action"javascript:void(0);">

---

首先：类型是文本-没有“int”元素

现在您可以在这里做进一步的作业了；）

第三：把东西拿回来： 或者使用其他输入。它们有两种工作方式

 document.getElementById("result").value="I did not do my homework alone"

或者你在某个有身份证的地方放一个div

<div id="result"> </div>

---

剩下的和把它们放在一起的一切现在取决于你：）好好学习：）

HTML中的表单输入没有

int

类型。你可以在这里了解输入类型：

编号1:

编号2:

修饰语：


函数math（）{
var numb1=parseInt（document.getElementById（“number1”）.value）；
var numb2=parseInt（document.getElementById（“number2”）.value）；
var mod=document.getElementById（“修饰符”）.value；
如果（mod=='+'）{
var sum=numb1+numb2；
}否则如果（mod='-'）{
var总和=numb1-numb2；
}else if（mod=='*'）{
var sum=numb1*numb2；
}
如果（总和==未定义）{
警报（“无效输入”）；
返回false；
}否则{
document.getElementById（“sum”）.innerHTML=sum；
}
返回true；
}

您好，欢迎来到SO。你面临的确切问题是什么？有关如何改进问题的指导，请参阅。：）请阅读。不要编辑你的问题以包含“已解决”一词。现在我收到一条错误消息，说“sum未定义”@Andon1379在我的代码被截取之前是否使用了var sum=1？只包含代码的答案通常没有多大帮助。为什么OP的代码不起作用？您的代码如何解决这个问题？

 document.getElementById("result").innerHTML="I am too lazy";

<form id="frm1" >
        Number1: <input type="number" name="number" id="number1"><br>
        Number2: <input type="number" name="number" id="number2"><br>
        Modifiers: <input type="text" name="modifier" id="modifier"><br>
        <input type="button" onclick="math()" value="Submit">
</form>
<p id = "sum"></p>


<script type="text/javascript">

    function math() {  
  var numb1 = parseInt(document.getElementById("number1").value);
  var numb2 = parseInt(document.getElementById("number2").value);
  var mod = document.getElementById("modifier").value;
  if(mod == '+'){
    var sum = numb1 + numb2;


  }else if(mod == '-'){
    var sum = numb1 - numb2;

  }else if(mod == '*'){
    var sum = numb1 * numb2;
  }
  if(sum === undefined){
    alert('invalid inputs');
    return false;
  }else{
    document.getElementById("sum").innerHTML = sum; 
  }

  return true;


}