Javascript text面积计算_Javascript_Math_Textarea

Javascript text面积计算

javascript math

Javascript text面积计算,javascript,math,textarea,Javascript,Math,Textarea,我试着有三个文本区域。前两个是加数，最后一个是和。如果你的数学公式是正确的，那么一段会说true 否则，它将显示false。然而，当我尝试时，这一段并没有说什么。这是我的密码： <textarea id="x"></textarea> <textarea id="y"></textarea> <textarea id="z"></textarea> <script> var x = document.g

我试着有三个文本区域。前两个是加数，最后一个是和。如果你的数学公式是正确的，那么一段会说

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>


var x=document.getElementById（'x'）.innerHTML；
var y=document.getElementById（'y'）.innerHTML；
var z=x+y；
var p=document.getElementById（'p'）；
算计

首先使用

addEventListener

将点击事件从JS代码附加到您的按钮会更好（避免内联事件），然后将代码放入其中，您必须使用

.value

而不是

innerHTML

来获取文本区域的值

还要注意，当您想要比较两个元素时，应该使用double equals

==

，因为我们需要执行数学运算，所以应该使用

Number（）

方法将值转换为数字

应该是这样的：

document.getElementById（“计算”）.addEventListener（“单击”，函数）（）{
var x=编号（document.getElementById（'x'）.value）；
变量y=编号（document.getElementById（'y'）.value）；
var z=x+y；
var p=document.getElementById（'p'）；
if（z==document.getElementById（'z'）.value）{
p、 innerText=“true”；
}否则{
p、 innerText=“false”；
}
});

算计


首先，我建议您使用此处输入，而不是
其次，我建议您在使用“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>




算计


检查结果：z=x+y

函数CheckByFormula（）{
var x=parseInt（document.getElementById（'x'）.value）；
var y=parseInt（document.getElementById（'y'）.value）；
var z=x+y；
//警报（'具有这些参数：\n x='+x+'y='+y+'z='+z）；
var p=document.getElementById（'p'）；
z1=parseInt（document.getElementById（'z'）.value）；
警报（'z1='+z1+'z='+z'）；
如果（z1==z）{
document.getElementById（'p'）。innerHTML='true'
} 
否则{
document.getElementById（'p'）.innerHTML='false'；
}
}