HTML和JavaScript中的简单计算器

我必须用HTML写一个计算器。我真的找不到哪里出了问题，也没有显示结果。我找不到什么问题，你能帮我吗？我用铬合金做的

JavaScript文件和HTML：

显示结果选择{ var n1=parsefloatdocument.getElementById'num1'。值； var n2=parsefloatdocument.getElementById'num2'。值； var-r； var c=选择； 开关C { 案例“1”： r=n1+n2； 打破 案例“2”： r=n1-n2； 打破 案例“3”： r=n1*n2； 打破 案例“4”： r=n1/n2； 打破 案例“5”： r=n2*100/n1； 打破 违约： 打破 } document.getElementById'result'.innerHTML=r； } 计算器 我的计算器 第一个数字 第二个数字 后果 + - * / % 需要解决的问题： 1当引用输入元素时，为value赋值，而不是innerHTML。它们没有内容，因此没有内部HTML。 2用关键字function启动函数声明。 这是parseFloat，不是parseFloat。JavaScript区分大小写

最小固定代码：

函数showResultChoice{ var n1=parseFloatdocument.getElementById'num1'。值； var n2=parseFloatdocument.getElementById'num2'。值； var-r； var c=选择； 开关C { 案例“1”： r=n1+n2； 打破 案例“2”： r=n1-n2； 打破 案例“3”： r=n1*n2； 打破 案例“4”： r=n1/n2； 打破 案例“5”： r=n2*100/n1； 打破 违约： 打破 } document.getElementById'result'。值=r； } 计算器 我的计算器 第一个数字 第二个数字 后果 + - * / % 需要解决的问题： 1当引用输入元素时，为value赋值，而不是innerHTML。它们没有内容，因此没有内部HTML。 2用关键字function启动函数声明。 这是parseFloat，不是parseFloat。JavaScript区分大小写

最小固定代码：

函数showResultChoice{ var n1=parseFloatdocument.getElementById'num1'。值； var n2=parseFloatdocument.getElementById'num2'。值； var-r； var c=选择； 开关C { 案例“1”： r=n1+n2； 打破 案例“2”： r=n1-n2； 打破 案例“3”： r=n1*n2； 打破 案例“4”： r=n1/n2； 打破 案例“5”： r=n2*100/n1； 打破 违约： 打破 } document.getElementById'result'。值=r； } 计算器 我的计算器 第一个数字 第二个数字 后果 + - * / %

---

确保正确声明函数

function showresult(choise) {
/* ... */
}

另外，请记住Javascript是区分大小写的，因此解析浮点的正确方法是 parseFloat 最后，正如gillesc所指出的，在输入元素上使用属性值。

---

document.getElementById'result'。值=r

确保正确声明函数

function showresult(choise) {
/* ... */
}

另外，请记住Javascript是区分大小写的，因此解析浮点的正确方法是 parseFloat 最后，正如gillesc所指出的，在输入元素上使用属性值。 document.getElementById'result'。值=r

您应该将innerHTML替换为代码中的值

如果要访问非输入HTML元素中的文本，则必须使用innerHTML属性而不是值

现在代码变成：

这里我们使用了value属性，所有输入元素都必须使用该属性来获取用户输入的值。

您应该将innerHTML替换为代码中的值

如果要访问非输入HTML元素中的文本，则必须使用innerHTML属性而不是值

现在代码变成：

---

这里我们使用了所有输入元素都必须使用的value属性来获取用户输入的值。

您可以在代码中使用它

function calc(form) {
      var D = "0";
      var A = document.getElementById("num1").value;
      var B = document.getElementById("op").value;
      var C = document.getElementById("num2").value;

      switch(B){
          case'+':
          D= parseInt(A)+parseInt(C); break;
          case'-':
          D= parseInt(A)-parseInt(C); break;
          case'*':
          D=parseInt(A)*parseInt(C); break;
          case'/':
          D=parseInt(A)/parseInt(C); break;
      }
}

---

您可以在代码中使用它

function calc(form) {
      var D = "0";
      var A = document.getElementById("num1").value;
      var B = document.getElementById("op").value;
      var C = document.getElementById("num2").value;

      switch(B){
          case'+':
          D= parseInt(A)+parseInt(C); break;
          case'-':
          D= parseInt(A)-parseInt(C); break;
          case'*':
          D=parseInt(A)*parseInt(C); break;
          case'/':
          D=parseInt(A)/parseInt(C); break;
      }
}

var num1； var-op； 函数按bTnValue{ var prev=document.forms[calc][display].value； 如果！prev=&&value==0{ var newval=上一个+值； document.forms[calc][display].value=newval； } } 功能压控器{ op=操作员； var display=document.forms[calc][display].value； num1=屏幕显示； document.forms[calc][display].value=； } 功能压力{ var display=document.forms[calc][display].value； var num2=parseIntdisplay； 开关{ 案例P： var ans=num1+num2； 打破 案例M： var ans=num1-num2； 打破 } document.forms[calc][display].value=ans； } 输入[类型=按钮]{ 宽度：100px； 高度：100px； 字体大小：36px； 保证金：5px； } 输入[类型=文本]{ 宽度：300px； 高度：75px； 字体大小：48px； 保证金：5px； 文本对齐：右对齐； } var num1； var-op； 函数按bTnValue{ var prev=document.forms[calc][display].value； 如果！prev=&&value==0{ var newval=上一个+值； document.forms[calc][display].value=newval； } } 功能压控器{ op=操作员； var display=document.forms[calc][display].value； num1=屏幕显示； document.forms[calc][display].value=； } 功能压力{ var display=document.forms[calc][display].value； var num2=parseI ntdisplay； 开关{ 案例P： var ans=num1+num2； 打破 案例M： var ans=num1-num2； 打破 } document.forms[calc][display].value=ans； } 输入[类型=按钮]{ 宽度：100px； 高度：100px； 字体大小：36px； 保证金：5px； } 输入[类型=文本]{ 宽度：300px； 高度：75px； 字体大小：48px； 保证金：5px； 文本对齐：右对齐； } var cnum=document.getElementsByClassName'c-num'[0]； var cope=document.getElementsByClassName'c-operator'[0]； var intom=document.getElementById'intop'； var inbottom=document.getElementById'inbottom'； var newinbottom； var newinbottom2； var符号； fori=0；我 var cnum=document.getElementsByClassName'c-num'[0]； var cope=document.getElementsByClassName'c-operator'[0]； var intom=document.getElementById'intop'； var inbottom=document.getElementById'inbottom'； var newinbottom； var newinbottom2； var符号；

---

fori=0；iSimple calculator on html或JS？html带javascript文件简单计算器on html或JS？html带javascript文件打败我吧。。。但这里有一个plnkr，显示了它的作用。打败我吧。。。但这里有一个plnkr，显示了它的作用。欢迎来到stackoverflow。通过一些解释，而不仅仅是代码，您的答案将得到显著改进。请看。欢迎来到stackoverflow。通过一些解释，而不仅仅是代码，您的答案将得到显著改进。请看。