Javascript 为“添加两个数字”生成的自动脚本无法正常工作

预期结果：用户应该能够得到两个数字的总和 实际结果：用户无法正确获取两个数字的总和。每次第一次输入值显示为总和

我怎样才能解决这个问题。这是我的JavaScript文件

public add_two_numbers(): string {
    var first = prompt('First Field');
    first = this.removeNonAlphaNumric(first)
    var second = prompt('Second Field');
    second = this.removeNonAlphaNumric(second)
    var result = prompt('Result Field');
    result = this.removeNonAlphaNumric(result)
    if (first == null || first.length < 1) return ''
    if (second == null || second.length < 1) return ''
    if (result == null || result.length < 1) return ''

    return '\n//Add Two Numbers\n\
    var e1 = document.getElementById("'+first+'");\n\
    if(e1){\n\
      e1.addEventListener("click", myFunction, false);\n\
    }\n\
    \n\
    var e2 = document.getElementById("'+second+'");\n\
    if(e2){\n\
      e2.addEventListener("click", myFunction, false);\n\
    }\n\
    \n\
    function myFunction() {\n\
      var R = document.getElementById("'+result+'");\n\
      var V1 = document.getElementById("'+first+'");\n\
      var V2 = document.getElementById("'+second+'");\n\
    \n\
      R.value = V1.value + V2.value;\n\
    }'

}

public添加两个数字（）：字符串{
var first=提示（“第一个字段”）；
first=此。removeNonAlphaNumric（第一个）
var second=提示（“第二个字段”）；
秒=此。removeNonAlphaNumric（秒）
变量结果=提示（“结果字段”）；
结果=此.removeNonAlphaNumric（结果）
if（first==null | | first.length<1）返回“”
if（second==null | | second.length<1）返回“”
if（result==null | | result.length<1）返回“”
返回'\n//添加两个数字\n\
var e1=document.getElementById（“+first+”）；\n\
如果（e1）{\n\
e1.addEventListener（“单击”，myFunction，false）；\n\
}\n\
\n\
var e2=document.getElementById（“+second+”）；\n\
如果（e2）{\n\
e2.addEventListener（“单击”，myFunction，false）；\n\
}\n\
\n\
函数myFunction（）{\n\
var R=document.getElementById（“+result+”）；\n\
var V1=document.getElementById（“+first+”）；\n\
var V2=document.getElementById（“+second+”）；\n\
\n\
R.value=V1.value+V2.value；\n\
}'
}

---

您应该使用

keyup

事件，而不是单击

var e1=document.getElementById（“noone”）；
if（e1）{
e1.addEventListener（“键控”，myFunction，false）；
}
var e2=document.getElementById（“notwo”）；
如果（e2）{
e2.addEventListener（“键控”，myFunction，false）；
}
函数myFunction（）{
var R=document.getElementById（“总和”）；
var V1=document.getElementById（“noone”）；
var V2=document.getElementById（“notwo”）；
R.value=parseInt（V1.value）+parseInt（V2.value）；
if（isNaN（R值））{
R.value=“”；
}
}

您应该使用

keyup

事件，而不是单击

var e1=document.getElementById（“noone”）；
if（e1）{
e1.addEventListener（“键控”，myFunction，false）；
}
var e2=document.getElementById（“notwo”）；
如果（e2）{
e2.addEventListener（“键控”，myFunction，false）；
}
函数myFunction（）{
var R=document.getElementById（“总和”）；
var V1=document.getElementById（“noone”）；
var V2=document.getElementById（“notwo”）；
R.value=parseInt（V1.value）+parseInt（V2.value）；
if（isNaN（R值））{
R.value=“”；
}
}

当您添加这两个变量时，它将e1和e2合并为字符串。您可以在添加时将其键入数字，即

R.value = Number(V1.value) + Number(V2.value);

---

当您添加这两个变量时，它将e1和e2合并为字符串。您可以在添加时将其键入数字，即

R.value = Number(V1.value) + Number(V2.value);

---

这是角度项目吗？创建包含html和javascript代码的JSFIDLE。尝试

change

event而不是

click

Hi@User863它不工作这是角度项目吗？创建包含html和javascript代码的JSFIDLE。尝试

change

event而不是

click

Hi@User863它不工作