日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区

您的位置:首頁技術文章
文章詳情頁

JavaScript實現網頁計算器功能

瀏覽:19日期:2023-06-15 15:33:02

本文實例為大家分享了JavaScript實現網頁計算器的具體代碼,供大家參考,具體內容如下

要求:在網頁上實現簡單的計算器功能和界面

CSS樣式代碼:

<style> * { margin: 0; padding: 0; } #panel { width: 202px; height: 252px; margin: 30px auto; border: 3px solid #ccc; } #screen { width: 134px; height: 40px; margin: 5px; display: inline-block; border: 1px solid #ddd; line-height: 40px; padding-left: 3px; padding-right: 3px; text-align: right; } input[type='button'] { width: 40px; height: 40px; border: 1px solid #ddd; margin: 5px; font-family: '微軟雅黑'; font-size: 18px; font-weight: bold; } #panel div, p, input { float: left; }</style>

JavaScript代碼:

<script> window.onload = function(){ //獲取計算器面板 var panel = document.getElementById('panel'); //為計算面板動態添加單擊事件 panel.onclick = function(e) { //參數e用來接收event對象 //獲取所有input元素 var inputs = e.toElement; //獲取P元素 var screen = document.getElementById('screen'); if(inputs.type == 'button') { //如果獲取到的是input元素,則開始執行運算邏輯 if (inputs.value == 'C') { screen.innerHTML = ''; } else if (inputs.value == '=') { try { screen.innerHTML = eval(screen.innerHTML); } catch (ex) { screen.innerHTML = 'Error'; } } else { screen.innerHTML += inputs.value; } } else { //如果單擊的地方不是input元素,則程序不回應 return; } } }</script>

HTML代碼:

<body> <div id='panel'> <div> <p id='screen'></p> <input type='button' value='C' /> </div> <div> <input type='button' value='7' /> <input type='button' value='8' /> <input type='button' value='9' /> <input type='button' value='/' /> <input type='button' value='4' /> <input type='button' value='5' /> <input type='button' value='6' /> <input type='button' value='*' /> <input type='button' value='1' /> <input type='button' value='2' /> <input type='button' value='3' /> <input type='button' value='+' /> <input type='button' value='.' /> <input type='button' value='0' /> <input type='button' value='-' /> <input type='button' value='=' /> </div> </div></body>

效果圖:

JavaScript實現網頁計算器功能

更多計算器功能實現,請點擊專題: 計算器功能匯總 進行學習

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: JavaScript
相關文章:
日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区
国产精品亚洲一区二区三区在线观看| 国产日韩欧美一区二区三区在线观看| 午夜国产一区二区| 影视先锋久久| 天堂中文av在线资源库| 国产亚洲精品自拍| 国产乱人伦精品一区| 婷婷成人综合| 日韩欧美2区| 精品国产亚洲一区二区三区在线 | 黄色亚洲免费| 久久亚洲色图| 亚洲精品精选| 伊人精品一区| 婷婷成人在线| 免费看黄色91| 国产精品久久久久久久久久白浆| 日韩精品电影一区亚洲| 国产亚洲永久域名| 日韩午夜电影| 欧美日韩激情| 欧美国产91| 日韩欧美午夜| 亚洲欧洲专区| 日韩不卡免费高清视频| 久久亚洲精品中文字幕| 99亚洲视频| 国产中文欧美日韩在线| 日韩中文字幕无砖| 宅男噜噜噜66国产日韩在线观看| 国产精品白浆| 国产精品永久| 日本不卡高清视频| 日本不卡视频一二三区| 日韩在线a电影| 免费人成网站在线观看欧美高清| 国产成人精品一区二区三区在线| 国产免费播放一区二区| 青青国产精品| 蜜臀av一区二区三区| 亚洲大全视频| 99久久99视频只有精品 | 午夜精品成人av| 韩国久久久久久| 肉色欧美久久久久久久免费看 | 日韩在线黄色| 亚洲另类黄色| 国产欧美日韩精品高清二区综合区| 亚洲精品无播放器在线播放| 宅男噜噜噜66国产日韩在线观看| 日韩不卡在线| 高清一区二区| 久久精品中文| 免费看日韩精品| 国产亚洲观看| 国产一区调教| 久久亚洲在线| 97久久中文字幕| 成人在线免费观看网站| 欧美日韩国产一区精品一区| 综合激情婷婷| 国产综合色区在线观看| 日本不卡的三区四区五区| 美女视频黄免费的久久| 日韩一区二区中文| 日韩1区2区3区| 国产精品www994| 欧美影院三区| 国产剧情在线观看一区| 99久精品视频在线观看视频| 日韩福利视频网| 亚洲二区免费| 国产精品magnet| av不卡免费看| 91精品久久久久久久久久不卡| 视频一区视频二区在线观看| 久久av影视| 天堂成人免费av电影一区| 精品中文字幕一区二区三区四区| 亚洲午夜精品久久久久久app| 国产精品毛片久久| 99视频精品全国免费| 亚洲天堂久久| 亚洲2区在线| 91欧美在线| 亚洲网址在线观看| 麻豆成全视频免费观看在线看| 精品91久久久久| 日韩激情啪啪| 精品国产黄a∨片高清在线| 久久99精品久久久久久园产越南| 免费福利视频一区二区三区| 亚洲一区日韩在线| 国产精品日韩精品在线播放 | 亚洲精品福利| 日韩视频一区| 蜜臀久久99精品久久久久久9 | 久久精品国产99| 日韩av在线免费观看不卡| 亚洲天堂日韩在线| 日韩精品高清不卡| 国产欧美日韩影院| 美腿丝袜在线亚洲一区| 久久精品国产999大香线蕉| 国产精品国产三级在线观看| 国产精品三级| 精品一区91| 精品视频网站| 蜜臀国产一区| 91精品国产福利在线观看麻豆| 日韩欧美自拍| 久久国产精品亚洲77777| 久久亚洲欧洲| 国产精品一区二区99| 九九99久久精品在免费线bt| 中文字幕人成乱码在线观看 | 视频国产精品| 免费视频久久| 日本亚洲最大的色成网站www | 亚洲bt欧美bt精品777| 国产精品任我爽爆在线播放| 在线人成日本视频| 一区在线观看| 久久尤物视频| 男人的天堂亚洲一区| 久久99高清| 亚洲免费专区| 亚洲电影在线一区二区三区| 欧美一级全黄| 特黄毛片在线观看| 丝袜脚交一区二区| 欧美激情福利| 亚洲毛片在线| 亚洲激情久久| 高清日韩中文字幕| 日本亚洲最大的色成网站www | 蜜臀久久99精品久久久久宅男| 美女毛片一区二区三区四区最新中文字幕亚洲| 欧美高清一区| 国产美女高潮在线观看| 亚洲在线网站| 国产一区视频在线观看免费| 91欧美在线| 久久国产日韩欧美精品| 天使萌一区二区三区免费观看| 久久久精品国产**网站| 伊人久久大香伊蕉在人线观看热v| av高清不卡| 成人综合一区| 国产一区日韩| 国产精品中文| 牛牛精品成人免费视频| 国产精品av一区二区| 国产精品亚洲片在线播放| 国产极品一区| www.九色在线| 伊人久久大香伊蕉在人线观看热v| 欧美色综合网| 国产精品一区二区三区av| 国产欧美另类| 电影91久久久| 爽爽淫人综合网网站| 亚洲久久视频| 精品一区二区三区中文字幕在线| av在线资源| 夜久久久久久| 日本成人中文字幕| 一本大道色婷婷在线| 亚洲色诱最新| 精品亚洲a∨| 韩国精品主播一区二区在线观看 | 国产精品探花在线观看| 一区二区三区四区日本视频| 一区二区三区四区在线观看国产日韩| 91九色综合| re久久精品视频| 国产精品一区毛片| 好看的av在线不卡观看| 欧美一级网址| 欧美日韩国产一区精品一区| 精品国产一区二区三区噜噜噜| 欧美日韩日本国产亚洲在线| 久久亚洲人体| 免费日韩一区二区三区| 视频一区视频二区中文| 久久国产主播| 午夜一区在线| 国产免费播放一区二区| 丝袜美腿一区| 精品国产乱码| 亚洲一区二区三区高清不卡| 国产乱人伦精品一区| 日韩专区视频网站| 日韩欧美午夜| 日韩国产一区| 先锋影音国产一区| 欧美激情福利| 亚洲深深色噜噜狠狠爱网站| 久久精品国产99国产| 国产一区二区三区不卡av|