javascript - 文本区域计算

Question

我正在尝试拥有三个文本区域。前两个是加数，最后一个是和。应该发生的是，如果您的数学方程式是正确的，那么一段会说 true。

否则，它会说 false。但是，当我尝试时，该段落什么也没说。这是我的代码:

<textarea id="x"></textarea>
<textarea id="y"></textarea>
<textarea id="z"></textarea>
<script>
    var x = document.getElementById('x').innerHTML;
  var y = document.getElementById('y').innerHTML;
  var z = x + y;
  var p = document.getElementById('p');
</script>
<button oclick="if (z = document.getElementById('z').innerHTML) {p.innerHTML = true} else {p.innerHTML = false}">Calculate</button>
<br>
<p id="p"></p>

Answer 1

首先使用 addEventListener 从 JS 代码将点击事件附加到您的按钮会更好(避免内联事件)，然后将您的代码放入其中，您必须使用 .value insted innerHTML 以获取文本区域的值。

另请注意，当您想要比较两个元素时，您应该使用双等号 ==，并且因为我们需要执行数学运算，所以我们应该使用 Number( ) 方法。

应该是这样的:

document.getElementById("calculate").addEventListener("click", function() {
  var x = Number( document.getElementById('x').value );
  var y = Number( document.getElementById('y').value );
  var z = x + y;
  var p = document.getElementById('p');

  if (z == document.getElementById('z').value) {
    p.innerText = "true";
  } else {
    p.innerText = "false";
  }
});

<textarea id="x"></textarea>
<textarea id="y"></textarea>
<textarea id="z"></textarea>
<button id="calculate">Calculate</button>
<br>
<p id="p"></p>