为了账号安全,请及时绑定邮箱和手机立即绑定

javascript制作简易计算器的问题

javascript制作简易计算器的问题

我要冲钱 2016-11-18 09:13:04
如图所示,本人新手,想运用下学到的一些知识,就想到做一个这东西,可当计算器的“面貌”写好后,“行为”却不知道怎么写下去了,希望前辈指点一二!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。

不懂再问。

查看完整回答
3 反对 回复 2016-11-18
  • 我要冲钱
    我要冲钱
    不懂...不过没关系,原来这里要用到较深的知识啊,可我没学到哎。谢谢啦
  • 1 回答
  • 5 关注
  • 1495 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信