javascript - 将变量从 HTML 传递给 JS 函数

Question

我目前正在为学校做一个小编程任务。我选择这个任务是因为我知道如何让程序的核心在 Java 中运行，但我在将其转换为非常简单的网页时遇到问题，没有 HTML 或 JS 经验。

我的问题是:我正在通过按钮接收输入。单击时，将调用一个函数，并且该函数获取输入的值。但是，我在警报窗口中得到的只是 objectHTMLinputElement。我做错了什么？

function myRT() {
  var risikoTraeger=document.getElementById('input1').value; 
}

function myRH() {
  var risikoHoehe = parseInt(document.getElementById('input2')).value;
  alert(input2);
}

<h1>Siemens: Risikoassessment</h1>

<p id="demo">How many entries?</p>

<input type="text" id="input1" />
<button type="button" onclick="myRT()">Risk carrier</button>
<input type="text" id="input2" />
<button type="button" onclick="myRH()">Sum of the risk</button>

Answer 1

在解析输入之前获取输入的值。另外，您警告的是输入元素，而不是您要设置值的变量。使用:

function myRH(){
  var risikoHoehe = parseInt(document.getElementById('input2').value);
  alert(risikoHoehe);
}