Javascript 如何使用文本框中的按钮输入数字

我想用按钮在文本框中输入数字，怎么做

我在向文本框显示按钮时遇到问题，我只能在一个按钮中存储一个函数，例如

1


函数计算（）{
变量a、b、c；
a=编号（document.getElementById（'num1'）。值）；
b=编号（document.getElementById（'num2'）。值）；
c=document.getElementById（'operators'）。值；
如果（c=='+'）{
x=document.getElementById（'ans'）。值=（a+b）；
}
如果（c=='-'）{
x=document.getElementById（'ans'）。value=（a-b）；
}
如果（c=='*'）{
x=document.getElementById（'ans'）。值=（a*b）；
}
如果（c=='/'））{
x=document.getElementById（'ans'）。value=（a/b）；
}
}




+
-
*
/


=


创建一个容器
为每个按钮指定一个值
使用委派从单击的按钮中获取值
干燥-不要重复你自己

函数计算（）{
变量a、b、c、x=“”；
a=编号（document.getElementById（'num1'）。值）；
b=编号（document.getElementById（'num2'）。值）；
c=document.getElementById（'operators'）。值；
如果（c=='+'）{
x=（a+b）；
}else如果（c=='-'）{
x=（a-b）；
}else如果（c=='*'）{
x=（a*b）；
}else if（c==='/'））{
x=（a/b）；
}
document.getElementById（'ans'）。value=x；
}
addEventListener（“加载”，function（）{//当页面加载时
document.getElementById（“计算”）.addEventListener（“单击”，计算）；
document.getElementById（“buts”）.addEventListener（“单击”，函数（e）{
var tgt=e.target；
if（tgt.classList.contains（“but”））{
var-val=tgt.value；
console.log（val）；//不确定要在此处执行什么操作
}
});
});




+
-
*
/


1.
2.
3.
=

您能解释一下一个按钮中的一个功能是什么意思吗。您希望按钮做什么？您好，先生，我希望按钮显示在文本框上，例如按钮1显示在文本框1上，按钮3显示在文本框2上