javascript - 单击求和、乘法和除法按钮时出现 "NaN"错误

标签 javascript jquery html css

Here is my code:
 <!DOCTYPE html>
<HTML>
<HEAD>
<script>

var a,b,result;

function setValues()
{
a = Number(document.getElementById("a").Value);
b = Number(document.getElementById("b").Value);
}

function sum()
{
setValues();
result = a+b;
alert("The Sum For The Values Is "+result);
}

function multiply()
{
setValues();
result = a*b;
alert("The Product For The Values Is "+result);
}

function div()
{
setValues();
result = a/b;
alert("The Quotient For The Values Is "+result);
}

</script>

</HEAD>


<STYLE>
body
{
background-color: #b0c4de;
}

 </STYLE>

 <body>
 <CENTER>
 <H1><B><U> Fun Facts!</B></U></H1>
 <H4>Did You Know There Are Over 7 Billion People In The World!!!</H4>
 <div>
 <input Id="a" Type="Text"/>
 <input Id="b" Type="Text"/>
 <input Type="Button"  onclick="sum()" Value="sum"/>
 <input Type="Button"  onclick="multiply()" Value="multiply"/>
 <input Type="Button"  onclick="div()" Value="divide"/>
 </div>
 </body>



 </CENTER>






</HTML>

这是一个简单的计算器,但是当我点击 um、multiply 或 divide 时,我得到“NaN 错误。我添加了警报系统,所以答案是总和、乘积或商,然后是答案,但是我获取警报系统,但我得到的结果是 NaN 请帮忙。 谢谢

 <!DOCTYPE html>
    <HTML>
    <HEAD>
    <script>

    var a,b,result;

    function setValues()
    {
    a = Number(document.getElementById("a").Value);
    b = Number(document.getElementById("b").Value);
    }

    function sum()
    {
    setValues();
    result = a+b;
    alert("The Sum For The Values Is "+result);
    }
 
    function multiply()
    {
    setValues();
    result = a*b;
    alert("The Product For The Values Is "+result);
    }

    function div()
    {
    setValues();
    result = a/b;
    alert("The Quotient For The Values Is "+result);
    }

    </script>

    </HEAD>


    <STYLE>
    body
    {
    background-color: #b0c4de;
    }

     </STYLE>

     <body>
     <CENTER>
     <H1><B><U> Fun Facts!</B></U></H1>
     <H4>Did You Know There Are Over 7 Billion People In The World!!!</H4>
     <div>
     <input Id="a" Type="Text"/>
     <input Id="b" Type="Text"/>
     <input Type="Button"  onclick="sum()" Value="sum"/>
     <input Type="Button"  onclick="multiply()" Value="multiply"/>
     <input Type="Button"  onclick="div()" Value="divide"/>
     </div>
     </body>



     </CENTER>






    </HTML>

最佳答案

你犯了一个简单的错误:

function setValues()
{
a = Number(document.getElementById("a").Value);
b = Number(document.getElementById("b").Value);
}

.Value 应该是 .value ...

来自奥地利的问候

Working Fiddle

关于javascript - 单击求和、乘法和除法按钮时出现 "NaN"错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26087984/

相关文章:

javascript - 如何使用 jQuery 以文字形式显示现金值(value)?

javascript - 其他 js 事件移动设备内的 JS 事件

javascript - 简单的 jQuery 元素 html 更改

html - 向右浮动,向左对齐列表中的元素

html - 位置 :fixed on Windows Phone 的问题

javascript - 使用浏览器控制台添加元素

javascript - 如何过滤搜索输入以在 JQUERY 中显示正确的自动完成?

java - 如何用JAVA实现jqGrid的搜索功能

javascript - 为什么我无法获得对 AngularJS Videogular 中可以看到的元素的引用?

html - 默认文本不会显示在下拉列表中