InnerHTML 问题计算器

Question

我正在研究一个基本的计算器，并且一直有两个涉及 innerHTML 的错误。 我使用开发人员工具进行调试。

开发人员工具说：未捕获的类型错误：无法设置 null @ document.querySelector("#result").innerHTML = 计算的属性“innerHTML”；

"button type="button" onclick="calc()">Calculate</button" 也突出显示为绿色。

我是一个codenewbie，不知道我的错误是

 function calc() { var a = parseInt(document.querySelector("#value1").value); var b = parseInt(document.querySelector("#value2").value); var op = document.querySelector("#operator").value; var calculate; if (op == "add") { calculate == a + b; } else if (op == "min") { calculate == a - b; } else if (op == "mult") { calculate == a * b; } else if (op == "div") { calculate == a / b; } document.querySelector("#result").innerHTML = calculate; }

 <,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width. initial-scale=1:0"> <title>Document</title> </head> <body> <h1>Hello world</h1> <form> Value 1: <input type="text" id="value1"> Operator: <select name="" id="operator"> <option value="add">Add</option> <option value="min">Subtract</option> <option value="mult">Multiply</option> <option value="div">Divide</option> </select> Value 2. <input type="text" id="value2"> <button type="button" onclick="calc()">Calculate</button> </form> <div id="results"></div> </body> <script src="hello.js"></script> </html>

Answer 1

错误即将到来，因为在 HTML 中你已经给出了 id 结果，并且在 java 脚本中你正在编写 document.queryseletor('#result') S 在 Z93F725A07423FE1C8846F448B33D2 脚本中丢失

InnerHTML 问题计算器

问题描述

1 个解决方案

解决方案1
-1 2021-05-04 11:35:33

InnerHTML 问题计算器

问题描述

1 个解决方案

解决方案1 -1 2021-05-04 11:35:33

解决方案1
-1 2021-05-04 11:35:33