Javascript初学者尝试将其连接到HTML_Javascript_Html

Javascript初学者尝试将其连接到HTML

javascript html

Javascript初学者尝试将其连接到HTML,javascript,html,Javascript,Html,所以我一直在尝试将HTML文件中两个输入框中的两个数字相加，并在第三个输入框中显示答案下面是我的Javascript代码 var x; var y; function Add() { x = document.getElementById("input1").value; y = document.getElementById("input2").value; document.getElementById("answer").value = x + y } 这是

所以我一直在尝试将HTML文件中两个输入框中的两个数字相加，并在第三个输入框中显示答案

下面是我的Javascript代码

var x;
var y;

 function Add() 
 {
     x = document.getElementById("input1").value;
     y = document.getElementById("input2").value;
document.getElementById("answer").value = x + y
}

这是我的HTML文件代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="C:\Users\*****\Desktop\Projects\Math Website\Math.css" />
<link href="Math.css" rel="stylesheet" type="text/css" />
<script src="C:\Users\*****\Desktop\Projects\Math Website\Maths.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<p>Hello</p>
<input type="text" id="input1">
<p>+</p>
<input type="text" id="input2">
<button  onclick="Add()" >Get Value</button>

<input type="text" id="answer">
</body>
  >  </html>


无标题文件
你好
+
获得价值
>

基本上通过一些帮助，我摆脱了所有的语法错误，但它似乎仍然无法添加这两个数字？有人能帮我吗？还有谁能给我一些关于将Javascript与HTML链接的更一般性的建议吗？

在Javascript中，“+”用于连接字符串

而通过

document.getElementById（“id”）返回的值将始终返回字符串
因此，为了应用实“+”运算，必须将这些字符串转换为整数
这可以通过使用parseInt
来完成
还有其他方法可以添加浮点数，如parseFloat

document.getElementById("answer").value = parseInt(x) + parseInt(y)

更正js代码并对其进行解析
function Add() 
 {
     x = document.getElementById("input1").value;
     y = document.getElementById("input2").value;
     document.getElementById("answer").value = parseInt(x) + parseInt(y);
}

也许你应该在codeacademy.com这样的网站上学习网络开发初学者课程
基本的问题来自于跳过前面的内容而没有涵盖基本的内容，或者是不良的实践。这至少会覆盖你这一次，但下一次也一样
 您的javascript函数的最后一行仍然有语法错误。我认为这不是一个标准问题。您的意思是什么？是的，我试着把它改成我的Sajaya说的。还是没有结果？当我按下按钮时，似乎什么都没有发生。当你解释为什么这是必要的时，你的答案会更有价值。是的，解析做什么？我让它工作了！看起来，当我用脚本标签将脚本直接复制到html文件中时，它就工作了！但是链接Javascript文件和我的HTML文件似乎没有问题？这个网站太棒了谢谢你的帮助总是很高兴parseInt（x，10）
Hi谢谢你，但它似乎对我仍然不起作用，我输入了两个输入，但当我按下按钮时似乎什么都没发生？解析还有什么作用呢？就像user3091574一样，当您解释为什么需要解析时，您的答案将更有价值。