首頁(yè) 猿問 javascript制作簡(jiǎn)易計(jì)算器的問題

javascript制作簡(jiǎn)易計(jì)算器的問題

JavaScript

我要沖錢 2016-11-18 09:13:04

如圖所示，本人新手，想運(yùn)用下學(xué)到的一些知識(shí)，就想到做一個(gè)這東西，可當(dāng)計(jì)算器的“面貌”寫好后，“行為”卻不知道怎么寫下去了，希望前輩指點(diǎn)一二！1.我想通過點(diǎn)擊數(shù)字按鍵，文本框?qū)?yīng)的就顯示對(duì)應(yīng)數(shù)字并且已經(jīng)顯示的數(shù)字不會(huì)被后者覆蓋。2.之前我給每個(gè)button的value都賦有對(duì)應(yīng)數(shù)字的值，然后觸發(fā)對(duì)應(yīng)的函數(shù)，可發(fā)現(xiàn)這樣太復(fù)雜了，單0-9就要準(zhǔn)備10個(gè)函數(shù)，能不能0-9都指去一個(gè)函數(shù)？謝謝！

查看完整描述

1 回答

已采納

這都不會(huì)

TA貢獻(xiàn)72條經(jīng)驗(yàn) 獲得超92個(gè)贊

會(huì)不會(huì)事件冒泡呢？event.target的用法？如果不會(huì)的話建議先沿著前端工程師路徑繼續(xù)向下學(xué)。

	var?calList?=?"";

	document.addEventListener('click',?function(e)?{
		if?(e.target.className?==?"num")?{
			calList?+=?e.target.textContent;
		}
	},?false);

calList是算式，假設(shè)你的數(shù)字按鍵上有一個(gè)class叫做num，檢測(cè)到點(diǎn)擊的標(biāo)簽的類名叫做num后，就把那個(gè)標(biāo)簽的值（即textContent）加到算式calList上。加減乘除可同理。

最后使用eval()函數(shù)將字符串轉(zhuǎn)換為js命令自動(dòng)進(jìn)行計(jì)算。

如eval("123+123");返回值為246。

不懂再問。

3 反對(duì) 回復(fù) 2016-11-18