使用JavaScript制作计算器，但它不'；行不通

我是JavaScript新手，我决定编写一个计算器，但它不起作用，我知道它是正确的，它与代码无关，或者可能是idk。但90%以上的人确信问题不在于代码，因为我在互联网上写了同样的代码。 我试着把它写在一个外部JS文件中，所以我想像这样把它粘贴到这里，这样你就不会被打扰了。 谢谢

let result=document.querySelector（'.result'）；
函数和（）{
设num1=document.querySelector（'.num1'）；
设num2=document.querySelector（'.num2'）；
设num1=parseInt（num1）；
设num2=parseInt（num2）；
让提交=num1+num2；
result.textContent=提交；
}

1号：



第二点：






结果:
dd

我已对您的代码进行了更改

注: 不要声明变量两次。 当您使用标签时，也在输入标签上使用id

函数和（）{
让result=document.getElementById（'result'）；
设num1=document.getElementById（'num1'）.value；
设num2=document.getElementById（'num2'）.value；
设num1Val=parseInt（num1）；
设num2Val=parseInt（num2）；
让提交=num1Val+num2Val；
result.innerHTML=提交；
}

1号：



第二点：







结果:

代码中有三个问题：

• let

  不能对同一变量使用两次。这就产生了一个解析错误
• 没有

  id

  等于“result”的HTML元素。您应该将

  class=“result”

  更改为

  id=“result”

• 代码尝试添加HTML元素，但您应该使用

  值

  属性

let result=document.getElementById（'result'）；
函数和（）{
设num1=document.querySelector（'.num1'）；
设num2=document.querySelector（'.num2'）；
num1=parseInt（num1.value）；//带上valeu！
num2=parseInt（num2.value）；
让提交=num1+num2；
result.innerHTML=提交；
}

1号：



第二点：






结果:
dd

我将您的代码转换为可运行的代码段。正如您看到的，您的代码中有一个错误。不能使用

let

两次声明同一变量。如果你检查控制台，你会看到这个错误。一切都修复了。还有另一个问题

document.querySelector（'.result'）.value我看你真的很专业，你告诉我的方法只有在句子中。谢谢