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

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

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

html用表格制作簡易計(jì)算器

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

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

恩LZ不要心急，你的程序我已經(jīng)幫你修改了，你的錯(cuò)誤不大，然后又幫你添加剩余的功能，效果如下圖 代碼放在這兒了，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)頁，不妨選擇記事本，這需要一點(diǎn)一點(diǎn)地弄清每一個(gè)使用的HTML標(biāo)記。

用html寫一個(gè)計(jì)算器網(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先畫個(gè)頁面，把每個(gè)數(shù)字 運(yùn)算符號放進(jìn)去2然后每個(gè)數(shù)字 符號綁定一個(gè)事件，這個(gè)事件獲取數(shù)字或者符號的值，放進(jìn)一個(gè)Input框3點(diǎn)擊計(jì)算，把Input框的字符串表達(dá)式計(jì)算，evalquot1*2quot4還有計(jì)算前要對表達(dá)式進(jìn)行校驗(yàn)，不規(guī)則的表達(dá)式不能計(jì)算。

3、代碼貼出來能更快點(diǎn)，我給你寫了一個(gè)，主要是你opvalue獲取錯(cuò)了 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加減乘除計(jì)算器代碼lttitle ltstyle body，ul margin0px padding0px body background#AF6332 li liststyle fl floatleft fr floatright clearfixafter contentquotquot。

6、lt！DOCTYPE html lthtml lthead ltmeta。