Question

我想要三个textareas。前两个是加数，最后一个是和。应该发生的是如果你的数学方程是正确的，一段会说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代码将click事件附加到您的按钮会更好（避免内联事件），然后将代码放入其中，您必须使用.value insted { {1}}获取textarea的值。

另外请注意，当您想要比较两个元素时，应使用double equals innerHTML，并且因为我们需要执行数学运算，所以我们应该使用==方法将值转换为数字。

应该是这样的：

＆＃13;

Number()

＆＃13;

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";
  }
});

＆＃13;

Answer 2

首先，我建议你在这里使用输入而不是 第二个的事情是，我建议你在使用'onclick'时使用功能

结果如下：

<html>
<body>
<input type='number' placeholder='x: (input number please)' id="x" />
<input type='number' placeholder='y: (input number please)' id="y" />
<input type='number' placeholder='z: (input number please)' id="z" />
<br />
<button onclick="CheckByFormula()">Calculate</button>
<br />
<p>Check result: z=x+y ?</p>
<p id="p"></p>
<script type='text/javascript'>
  function CheckByFormula(){
    var x = parseInt(document.getElementById('x').value);
  var y = parseInt(document.getElementById('y').value);
  var z = x + y;
  //alert('having these params:\n x='+x+' y='+y+' z='+z);
  var p = document.getElementById('p');  
  z1 = parseInt(document.getElementById('z').value);
  alert('z1='+z1+' z='+z);
    if(z1 == z){
        document.getElementById('p').innerHTML = 'true'
    } 
    else {
        document.getElementById('p').innerHTML = 'false';
    }
  }
</script>

</body>
</html>

https://jsfiddle.net/14pm7ypz/2/

Textarea计算

2 个答案: