时间戳

首页 > 解决方案 > javascript中的计算错误未知输出“NaN”

javascript - javascript中的计算错误未知输出“NaN”

问题描述

一切都对我好，但结果总是出现楠

这是代码

js

 function myFunction() {
    var x = document.getElementById("myInput").value;
    var str1 = document.getElementById("demo");
    var str2 = document.getElementById("demo2");
    var str3 = document.getElementById("demo3");
    var str4 = x * str2;
    document.getElementById("demo").innerHTML = str4 * str3;

html 

 <p id="demo"></p>
<br>
<p id="demo2">1</p>
<br>
<p id="demo3">1</p>

前哨：南

标签： javascript

解决方案

 function myFunction() {
    var x = document.getElementById("myInput").value;
    var str1 = document.getElementById("demo").innerText;
    var str2 = document.getElementById("demo2").innerText;
    var str3 = document.getElementById("demo3").innerText;
    var str4 = parseInt(x) * parseInt(str2);
    document.getElementById("demo").innerHTML = (parseInt(str4) * parseInt(str3)).toString();
 }
 <p id="demo"></p>
<br>
<p id="demo2">2</p>
<br>
<p id="demo3">10</p>
<input placeholder="enter" id="myInput" type="number" required/>

<input type="button" onClick="myFunction()" value="Calculate"/>

推荐阅读