如图所示,本人新手,想运用下学到的一些知识,就想到做一个这东西,可当计算器的“面貌”写好后,“行为”却不知道怎么写下去了,希望前辈指点一二!1.我想通过点击数字按键,文本框对应的就显示对应数字并且已经显示的数字不会被后者覆盖。2.之前我给每个button的value都赋有对应数字的值,然后触发对应的函数,可发现这样太复杂了,单0-9就要准备10个函数,能不能0-9都指去一个函数?谢谢!
1 回答
已采纳
这都不会
TA贡献72条经验 获得超92个赞
会不会事件冒泡呢?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。
不懂再问。
添加回答
举报
0/150
提交
取消