Fatal编程技术网
  • javascript/
  • Javascript相同输出（全部加上）简单计算

Javascript相同输出（全部加上）简单计算

javascript html css

Javascript相同输出（全部加上）简单计算,javascript,html,css,Javascript,Html,Css,我不熟悉HTML和JavaScript。我想做一个简单的计算，用户可以输入两个数字，做加法、减法、乘法和除法。在测试了多种方法之后，我所有的输出都是加的。有人能帮忙吗 函数计算（）{ var num1=parseFloat（document.getElementById（'num1'）.value）； var num2=parseFloat（document.getElementById（'num2'）.value）； 如果（值===添加） { var answer=num1+num2； do

我不熟悉HTML和JavaScript。我想做一个简单的计算，用户可以输入两个数字，做加法、减法、乘法和除法。在测试了多种方法之后，我所有的输出都是加的。有人能帮忙吗

函数计算（）{
var num1=parseFloat（document.getElementById（'num1'）.value）；
var num2=parseFloat（document.getElementById（'num2'）.value）；
如果（值===添加）
{
var answer=num1+num2；
document.getElementById（'result'）.innerHTML=answer；
}
else if（值===减法）
{
var answer=num1-num2；
document.getElementById（'result'）.innerHTML=answer；
}
else if（值===乘法）
{
var answer=num1*num2；
document.getElementById（'result'）.innerHTML=answer；
}
else if（值===除法）
{
var应答=num1/num2；
document.getElementById（'result'）.innerHTML=answer；
}
}

第一：
第二点：


答复:
您需要指定，值是多少，并且必须在qoutes中添加、减去等

函数计算（值）{
var num1=parseFloat（document.getElementById（'num1'）.value）；
var num2=parseFloat（document.getElementById（'num2'）.value）；
如果（值=“添加”）
{
var answer=num1+num2；
document.getElementById（'result'）.innerHTML=answer；
}
else if（值==“减法”）
{
var answer=num1-num2；
document.getElementById（'result'）.innerHTML=answer；
}
else if（值==“乘法”）
{
var answer=num1*num2；
document.getElementById（'result'）.innerHTML=answer；
}
else if（值==“除以”）
{
var应答=num1/num2；
document.getElementById（'result'）.innerHTML=answer；
}
}

第一：
第二点：


答复:
您尚未声明
值是什么：


calculate(this)


按下按钮时将其添加到HTML中，然后：


function calculate(event)


单击使用事件捕捉开关按钮并将其值保存在变量中


var value = event.value;


在使用
==
时也添加引号<代码>值==“添加”

函数计算（事件）{
var num1=parseFloat（document.getElementById（'num1'）.value）；
var num2=parseFloat（document.getElementById（'num2'）.value）；
console.log（event.value）；
console.log（num1）；
控制台日志（num2）；
var值=事件值；
如果（值=“添加”）{
var answer=num1+num2；
document.getElementById（'result'）.innerHTML=answer；
}else if（值==“减法”）{
var answer=num1-num2；
document.getElementById（'result'）.innerHTML=answer；
}else if（值==“乘法”）{
var answer=num1*num2；
document.getElementById（'result'）.innerHTML=answer；
}else if（值==“除以”）{
var应答=num1/num2；
document.getElementById（'result'）.innerHTML=answer；
}
}

第一：
第二点：


答复:
我会这样做：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Calculator</title>
  </head>
  <body>
    <!-- Add markup -->
    <input type="number" id="num1" />
    <input type="number" id="num2" />
    <button onClick="calculate('add')">Add</button>
    <button onClick="calculate('subtract')">Subtract</button>
    <button onClick="calculate('divide')">Divide</button>
    <button onClick="calculate('multiply')">Multiply</button>
    <p>Result: <span></span></p>

    <script>
      // grab the number inputs from the DOM
      const x = document.getElementById("num1");
      const y = document.getElementById("num2");

      // variables for storing the number values
      let num1;
      let num2;

      // add event listeners to update numbers on change
      x.addEventListener("change", (e) => (num1 = Number(e.target.value)));
      y.addEventListener("change", (e) => (num2 = Number(e.target.value)));

      // show result inside span element
      const result = document.querySelector("span");

      function calculate(op) {
        // return if values are undefined
        if (typeof num1 === "undefined" || typeof num2 === "undefined") {
          return "";
        }
        if (op === "add") {
          return (result.innerText = num1 + num2);
        } else if (op === "subtract") {
          return (result.innerText = num1 - num2);
        } else if (op === "divide") {
          // division by 0 check
          if (num2 === 0) return (result.innerText = "Can't divide by 0");
          return (result.innerText = num1 / num2);
        } else if (op === "multiply") {
          return (result.innerText = num1 * num2);
        }
      }
    </script>
  </body>
</html>


计算器
添加
减去
分
倍增
结果:

//从DOM获取数字输入
const x=document.getElementById（“num1”）；
const y=document.getElementById（“num2”）；
//用于存储数值的变量
让num1；
设num2；
//添加事件侦听器以在更改时更新数字
x、 addEventListener（“更改”，（e）=>（num1=编号（e.target.value））；
y、 addEventListener（“更改”，（e）=>（num2=编号（e.target.value））；
//在跨度元素内显示结果
const result=document.querySelector（“span”）；
函数计算（op）{
//如果值未定义，则返回
如果（num1的类型==“未定义”| num2的类型==“未定义”）{
返回“”；
}
如果（op==“添加”）{
返回（result.innerText=num1+num2）；
}否则如果（op==“减法”）{
返回（result.innerText=num1-num2）；
}否则如果（op==“除法”）{
//0除法检查
if（num2==0）返回（result.innerText=“不能除以0”）；
返回（result.innerText=num1/num2）；
}否则如果（op==“乘法”）{
返回（result.innerText=num1*num2）；
}
}
您是否定义了什么是
添加
，
减去
等。。你在哪里？if语句中的
value
是什么？您的代码导致
Uncaught ReferenceError:value未定义@JS line 6
输入标记没有结束标记，这可能会给您带来一些麻烦。感谢您的评论。我非常感谢。我会试试这个。非常感谢。