Javascript 在输入字段中键入数字时添加数字，并自动回答_Javascript_Html_Forms

Javascript 在输入字段中键入数字时添加数字，并自动回答

javascript html forms

Javascript 在输入字段中键入数字时添加数字，并自动回答,javascript,html,forms,Javascript,Html,Forms,我想做一个计算器类型的表格，它可以在不提交表格的情况下添加输入的数字目前我做了这个代码 " 单击按钮以计算x 试试看输入第一个数字：输入第二个数字：函数myFunction（）{ var y=document.getElementById（“txt1”）.value； var z=document.getElementById（“txt2”）.value； var x=+y++z； document.getElementById（“demo”）.innerHTML=x； } win

我想做一个计算器类型的表格，它可以在不提交表格的情况下添加输入的数字目前我做了这个代码 "


单击按钮以计算x
试试看



输入第一个数字：
输入第二个数字：

函数myFunction（）{
var y=document.getElementById（“txt1”）.value；
var z=document.getElementById（“txt2”）.value；
var x=+y++z；
document.getElementById（“demo”）.innerHTML=x；
}
window.onload=myFunction（）；

提前谢谢，请帮助我…“

我想你在这里想做的是，当你更改文本框的任何值时，应该显示答案。尝试为此使用Jquery。提示：使用.keypress（）

首先，您需要将事件侦听器附加到输入。我已经在一个从

窗口触发的函数中完成了这项操作。onload通过指向类名calc
。您还需要parseFloat
这些值
这将为您提供一个起点，并展示如何在无需提交/单击的情况下触发函数

函数myFunction（）{
var y=parseFloat（document.getElementById（“txt1”）.value）；
var z=parseFloat（document.getElementById（“txt2”）.value）；
var x=y+z；
//如果x=NaN，则为空变量x
if（isNaN（parseFloat（x））{x=''；}
document.getElementById（“demo”）.innerHTML=x；
}
window.onload=function（）{
var inputs=document.getElementsByClassName（'calc'）；
对于（var i=0；我调用MyFunction
输入[i]。addEventListener（'input'，myFunction，false）；
}
}；
输入第一个数字：
输入第二个数字：
在javaScript
中不可能实现这一点？jQuery基本上是跨平台的javaScript库。有些项目是在不使用jQuery
的情况下开发的。使用jQuery
但不使用核心javaScript您的后端语言是什么初始化？@NomeshDeSilva为什么后端语言与客户端问题相关？只需从函数中返回false。可以对代码进行多种改进，但可以解决表单提交问题。
<html>
<body>
<p>Click the button to calculate x.</p>
<button onclick="myFunction()">Try it</button>
<br/>
<br/>Enter first number:
<input type="text" id="txt1" name="text1">Enter second number:
<input type="text" id="txt2" name="text2">
<p id="demo"></p>
<script>
 function myFunction() {
    var y = document.getElementById("txt1").value;
    var z = document.getElementById("txt2").value;
    var x = +y + +z;
    document.getElementById("demo").innerHTML = x;
  }
  window.onload =myFunction() ;
</script>