單純的html 只能畫出個大概樣式出來，在網(wǎng)頁上實現(xiàn)簡單計算器功能還需要Javascript 或者是使用其它插件；lt！doctype html lthtml lthead lttitle計算器lttitle ltmeta charset=quotutf8quot ltstyle type=quottextcssquot panel border4px solid #ddd width192px margin100px auto panel p，panel input fontfamilyquot微軟雅黑quot fontsize。

可以用 js 做的，非常的簡單，你你是少要兩個文本框，也就是 ltinput type=quottextquot id=quotnum1quot name=quotnum1quot ltinput type=quottextquot id=quotnum2quot name=quotnum1quot 結(jié)果就用個 ltlable id=quotlblquotltlable ltscript type=quottextjavascriptquot function Yx var num1 = parseFloat；因為你函數(shù)里面又寫了個屬性方法，你直接調(diào)函數(shù)，屬性方法是不會執(zhí)行的所以沒有任何反應(yīng)并且你那個方法里獲取元素的方法，傳的參數(shù)也是錯的，應(yīng)該是個字符串，你傳了一個變量，但是你變量又沒有定義并且你是字符串相加，結(jié)果也會是錯的你應(yīng)該去學(xué)習(xí)一下javascript的基礎(chǔ)，如果你對js感覺興趣的話。

首先要說明一點，純html是不能編輯計算器的，因為html是標(biāo)記語言，不是編程語言，不能編輯程序，要寫計算器，還需要js代碼，下面為全部代碼lthtml lthead lttitle計算器lttitle ltmeta；DOCTYPE htmllthtml ltmeta name=quotcontenttypequot content=quottexthtml charset=UTF8quot lthead lttitleCalculatorlttitle lt！將按鍵內(nèi)容以字符串形式存儲在文字框中當(dāng)按鈕為“=”時，調(diào)用eval方法計算結(jié)果然后將結(jié)果輸出文字框中l(wèi)tscript type=quottextjavascriptquot var numre。

html用表格制作簡易計算器

也有可能是因為百度自動轉(zhuǎn)換導(dǎo)致的另外，你的onclick應(yīng)該調(diào)用plus功能，調(diào)用功能必須標(biāo)注參數(shù)的小括號，而你把括號分開了quotplusquot，瀏覽器會將plus識別成一個變量，你并沒有定義plus這個變量正確寫法是quotplusquot修改好以后能正常運行的代碼奉上，別忘了采納lthtmlltheadltscript。

我剛學(xué)javaScript做一計算器，請看看多多交流~~``lthtml lthead lttitle計算器lttitle lthead ltbody bgcolor=quot#33FF99quot onload=quotquot ltFORM name=quotKeypadquot action=quotquot ltTABLE align=quotcenterquot ltB ltTABLE align=quotcenterquot。

恩LZ不要心急，你的程序我已經(jīng)幫你修改了，你的錯誤不大，然后又幫你添加剩余的功能，效果如下圖 代碼放在這兒了，LZ自己看看吧。

lt！DOCTYPE HTML lthtml lthead ltmeta charset=quotutf8quot lttitle無標(biāo)題文檔lttitle ltstyle type=quottextcssquot input height32pxwidth45px ltstyle lthead ltbody lttable lttr lttd scope=quotcolquotltinput type=quotbuttonquot value=quot復(fù)位quot id = quotcquotlttd lttd scope=。

如果希望在可視化狀態(tài)下進(jìn)行編輯，不妨選擇專業(yè)的編輯工具Dreamwerver，編輯方法與編輯制作WORD文檔類似窗口界面有些差異如果希望學(xué)習(xí)HTML標(biāo)記制作網(wǎng)頁，不妨選擇記事本，這需要一點一點地弄清每一個使用的HTML標(biāo)記。

用html寫一個計算器網(wǎng)頁

1、op case #39+#39z = x + ybreakcase #39#39z = x ybreakcase #39*#39 z = x * ybreakcase #39#39 z = x ybreakdefaultz = #39#39 consolelogx， op， y， #39=#39， zdocumentgetElementByIdquotzquotinnerText = z ltscript ltbody lthtml。

2、1先畫個頁面，把每個數(shù)字 運算符號放進(jìn)去2然后每個數(shù)字 符號綁定一個事件，這個事件獲取數(shù)字或者符號的值，放進(jìn)一個Input框3點擊計算，把Input框的字符串表達(dá)式計算，evalquot1*2quot4還有計算前要對表達(dá)式進(jìn)行校驗，不規(guī)則的表達(dá)式不能計算。

3、代碼貼出來能更快點，我給你寫了一個，主要是你opvalue獲取錯了 lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquotlthtml xmlns=quot xmllang=quotenquotltheadltmeta。

4、function longCountstr1，str2，type var comma1 = 0if str1indexOfquotquot！=1 str1 = str1replace0*$，quotquotcomma1 = str1length str1indexOfquotquot1 var comma2 = 0if str2indexOfquotquot！=1 str2 = str2replace0*$，quotquotcomma2。

5、源代碼如下lt！doctype html lthtml lthead ltmeta charset=quotutf8quot lttitlejs加減乘除計算器代碼lttitle ltstyle body，ul margin0px padding0px body background#AF6332 li liststyle fl floatleft fr floatright clearfixafter contentquotquot。

6、lt！DOCTYPE html lthtml lthead ltmeta。