首頁猿問 javascript制作簡易計算器的問題

javascript制作簡易計算器的問題

JavaScript

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

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

查看完整描述

1 回答

已采納

這都不會

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

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

	var?calList?=?"";

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

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

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

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

不懂再問。

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