Javascript 为什么在执行加法函数后，JQuery程序中的答案文本是空白的？_Javascript_Html

Javascript 为什么在执行加法函数后，JQuery程序中的答案文本是空白的？

javascript html

Javascript 为什么在执行加法函数后，JQuery程序中的答案文本是空白的？,javascript,html,Javascript,Html,我正在使用Dreamweaver在JQuery mobile中编程一个计算器。我目前正在研究程序的加法功能。单击“添加”按钮时，没有显示任何内容以下是HTML代码： <div data-role="content"> <div data-role="fieldcontain"> <label for="number">Number 1:</label> <input type="number" name="n

我正在使用Dreamweaver在JQuery mobile中编程一个计算器。我目前正在研究程序的加法功能。单击“添加”按钮时，没有显示任何内容

以下是HTML代码：

<div data-role="content">
    <div data-role="fieldcontain">
      <label for="number">Number 1:</label>
      <input type="number" name="number" id="gnumber" value=""  />
    </div>
    <div data-role="fieldcontain">
      <label for="number2">Number 2:</label>
      <input type="number" name="number2" id="gnumber2" value=""  /
    </div>
    <div data-role="fieldcontain">
      <label for="number3">Answer:</label>
      <input type="number" name="number3" id="ganswer" value=""  />
    </div>
    <div data-role="controlgroup">
    <a href="#" data-role="button" id = "gaddition" onClick = "generalAddition()">Add</a>

    <script type="text/javascript" src="Course Project.js"></script>

</body>
</html>

我研究了如何在JQuery Mobile中正确地包含JavaScript代码。如何让程序执行加法问题并将其插入“答案”文本框？

这似乎是关于javascript如何工作的另一个问题。有几个错误，因此我建议您学习javascript教程，以获得更多关于语言基础知识的知识：）

如果您有兴趣了解有关javascript工作原理的更多信息，请访问以下三个javascript教程链接：

index.getElementById（gnumber）

您是否定义了名为index的全局变量？或者你实际上是指
```
文档
```

参数需要

“

document.getElementById（“gnumber”）

必须将结果分配给变量

var gnumber=document.getElementById（“gnumber”）；

javascript中没有全局双对象。

您是否使用提供此类型的库
在纯javascript中，可以使用
```
parseFloat（）
```
从字符串中解析浮点数

javascript中没有函数

getText（）

和

setText（）

，您可以使用输入对象的

.value

属性，除非您使用的库提供了尝试使用的get和set方法

javascript文件真的命名为

Course Project.js

，名称中有空格，还是在子文件夹

Course\Project.js

中

以下是一个工作示例：

<html>
<head>
    <script>
        function generalAddition() {
            var gnumber = document.getElementById("gnumber");
            var gnumber2 = document.getElementById("gnumber2");
            var ganswer = document.getElementById("ganswer");

            var x = parseFloat(gnumber.value);
            var y = parseFloat(gnumber2.value);
            ganswer.value = x + y;
        }
    </script>
</head>
<div data-role="content">
    <div data-role="fieldcontain">
      <label for="number">Number 1:</label>
      <input type="number" name="number" id="gnumber" value=""  />
    </div>
    <div data-role="fieldcontain">
      <label for="number2">Number 2:</label>
      <input type="number" name="number2" id="gnumber2" value=""  /
    </div>
    <div data-role="fieldcontain">
      <label for="number3">Answer:</label>
      <input type="number" name="number3" id="ganswer" value=""  />
    </div>
    <div data-role="controlgroup">
    <a href="#" data-role="button" id = "gaddition" onClick = "generalAddition()">Add</a>

</body>
</html>


函数generalAddition（）{
var gnumber=document.getElementById（“gnumber”）；
var gnumber2=document.getElementById（“gnumber2”）；
var ganswer=document.getElementById（“ganswer”）；
var x=parseFloat（gnumber.value）；
var y=parseFloat（gnumber2.value）；
ganswer.value=x+y；
}
第一：
第二点：
这不是JavaScript代码。index.getElementById（gnumber）；
等等……为什么要放弃结果？.setText
-这不是JavaScript（甚至不是jQuery）-Double x=Double.parseDouble
-正如前面的评论所说，这不是javascriptI，我确信您的开发工具控制台中充满了EEL…我的意思是，错误当然“最糟糕”的部分是看起来像Java的Double x。
<html>
<head>
    <script>
        function generalAddition() {
            var gnumber = document.getElementById("gnumber");
            var gnumber2 = document.getElementById("gnumber2");
            var ganswer = document.getElementById("ganswer");

            var x = parseFloat(gnumber.value);
            var y = parseFloat(gnumber2.value);
            ganswer.value = x + y;
        }
    </script>
</head>
<div data-role="content">
    <div data-role="fieldcontain">
      <label for="number">Number 1:</label>
      <input type="number" name="number" id="gnumber" value=""  />
    </div>
    <div data-role="fieldcontain">
      <label for="number2">Number 2:</label>
      <input type="number" name="number2" id="gnumber2" value=""  /
    </div>
    <div data-role="fieldcontain">
      <label for="number3">Answer:</label>
      <input type="number" name="number3" id="ganswer" value=""  />
    </div>
    <div data-role="controlgroup">
    <a href="#" data-role="button" id = "gaddition" onClick = "generalAddition()">Add</a>

</body>
</html>