javascript制作简易计算器的问题

Question

如图所示，本人新手，想运用下学到的一些知识，就想到做一个这东西，可当计算器的“面貌”写好后，“行为”却不知道怎么写下去了，希望前辈指点一二！

1.我想通过点击数字按键，文本框对应的就显示对应数字并且已经显示的数字不会被后者覆盖。

2.之前我给每个button的value都赋有对应数字的值，然后触发对应的函数，可发现这样太复杂了，单0-9就要准备10个函数，能不能0-9都指去一个函数？

谢谢！

Answer 1

会不会事件冒泡呢？event.target的用法？如果不会的话建议先沿着前端工程师路径继续向下学。 var calList = ""; document.addEventListener('click', function(e) { if (e.target.className == "num") { calList += e.target.textContent; } }, false);calList是算式，假设你的数字按键上有一个class叫做num，检测到点击的标签的类名叫做num后，就把那个标签的值（即textContent）加到算式calList上。加减乘除可同理。最后使用eval()函数将字符串转换为js命令自动进行计算。如eval("123+123");返回值为246。不懂再问。