Javascript 使用单输入文本字段如何创建addition&；等函数；减法和显示结果在哪？

我创建了一个计算器。现在我想加一个能做加法和乘法运算的

我是Javascript新手，任何人都可以帮我。我已经在这里提供了我的代码，我正在尝试使用事件处理程序。我想让它尽可能简单。请有人帮帮我，谢谢

我从本周开始尝试，请用适当的例子帮助我。先谢谢你。 如果可能的话，请给我举个例子。简单地说，我想创建两个函数，它们可以使用事件处理程序执行乘法和加法运算，但不使用两个文本字段。我的计算器包含一个文本字段，因此只有一个文本字段，并显示在同一文本字段中

参考代码：

/*var-temp；
函数onload（）{
temp=document.getElementById（'new'）；
}
函数ce（）{
变量速度=温度片（0，-1）；
document.getElementById（“新”）.innerHTML=tempo；
}
*/
/*$（文档）.ready（函数（）
{
变量温度=$（“#新”）；
var-ce=$（“#ce”）；
ce.单击（函数（）{
警报（临时值（））；
});
}); */
//变量输入1=0；
//var输入2=0；
//textInputVal=parseInt（document.getElementById（'new'）.value）；
功能一（）{
document.getElementById（'new'）。值+=1；
}
函数二（）{
document.getElementById（'new'）。值+=2；
}
职能三（）{
document.getElementById（'new'）。值+=3；
}
函数四（）{
document.getElementById（'new'）。值+=4；
}
职能五（）{
document.getElementById（'new'）。值+=5；
}
职能六（）{
document.getElementById（'new'）。值+=6；
}
职能七（）{
document.getElementById（'new'）。值+=7；
}
职能八（）{
document.getElementById（'new'）。值+=8；
}
职能九（）{
document.getElementById（'new'）。值+=9；
}
函数零（）{
document.getElementById（'new'）。值+=0；
}
函数actionevent（）{
var btn=document.getElementById（“plu”）；
onclick.btn=函数（）{
文本输入=
}
}
函数ce（）{
var textInputVal=0，
温度=0；
textInputVal=document.getElementById（'new'）。值；
//console.log（textInputVal）；
temp=textInputVal.slice（0，-1）；
//控制台日志（temp）；
document.getElementById（'new'）。value=temp；
}
var=0；
函数mplus（）{
var textInputVal=0；
textInputVal=parseInt（document.getElementById（'new'）.value）；
console.log（textInputVal）；
demo+=textInputVal；
console.log（演示）；
}
var-temp=0；
//var textInputval；
函数plus（）{
//var textInputval=0；
//var textInputval1=0；
var textInputval=parseInt（document.getElementById（'new'）.value）；
console.log（textInputval）；
返回textInputval；
//document.getElementById（“新”）.value=“”；
//var temp=parseInt（document.getElementById（'new'）.value）；
//textInputval1=parseInt（document.getElementById（'new'）.value）；
//temp=textInputval+textInputval1；
//控制台日志（temp）；
//textInputval=$（this.val（）；
//$（this.val（“”）；
//console.log（textInputval1）；
}
函数mminus（）{
var textInputVal=0；
textInputVal=parseInt（document.getElementById（'new'）.value）；
console.log（textInputVal）；
demo-=textInputVal；
console.log（演示）；
}
函数mr（）{
document.getElementById（'new'）。value=demo；
}
/*$（文档）.ready（函数（）{
$（“#清除#li”）。单击（函数（）{
$（“li:last”）.remove（）；
});
}); */
//var inputval=innerHTML-子字符串；
//var inputval=input.innerHTML；
//var sillyString=inputval.slice（0，-1）











您的代码中几乎没有错误，我对它们进行了更改。我只创建了加法、减法、乘法和除法。其余的代码您可以按照我所做的方法得到结果


这是代码


var one=function（）{
document.getElementById（'new'）。值+=1；
}
var two=函数（）{
document.getElementById（'new'）。值+=2；
}
var三=函数（）{
document.getElementById（'new'）。值+=3；
}
var四=函数（）{
document.getElementById（'new'）。值+=4；
}
var五=函数（）{
document.getElementById（'new'）。值+=5；
}
var六=函数（）{
document.getElementById（'new'）。值+=6；
}
var seven=函数（）{
document.getElementById（'new'）。值+=7；
}
var one=函数（）{
document.getElementById（'new'）。值+=1；
}
var two=函数（）{
document.getElementById（'new'）。值+=2；
}
var三=函数（）{
document.getElementById（'new'）。值+=3；
}
var四=函数（）{
document.getElementById（'new'）。值+=4；
}
var五=函数（）{
document.getElementById（'new'）。值+=5；
}
var六=函数（）{
document.getElementById（'new'）。值+=6；
}
var seven=函数（）{
document.getElementById（'new'）。值+=7；
}
var八=函数（）{
document.getElementById（'new'）。值+=8；
}
var九=函数（）{
document.getElementById（'new'）。值+=9；
}
var zero=函数（）{
document.getElementById（'new'）。值+=0；
}
var plus=函数（）{
document.getElementById（'new'）。值+=“+”；
}
var减号=函数（）{
document.getElementById（'new'）。值+=“-”；
}
var multi=函数（）{
document.getElementById（'new'）。值+=“*”；
}
var div=函数（）{
document.getElementById（'new'）。值+=“/”；
}
var equal=函数（）{
document.getElementById（'new'）.value=eval（document.getElementById（'new'）.value）；
}









my code link:-检查一下这个伙伴，我已经试过了，现在我不想再使用它了。我想通过使用事件处理程序或调用