午夜剧场伦理_日本一道高清_国产又黄又硬_91黄色网战_女同久久另类69精品国产_妹妹的朋友在线

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

基于JavaScript實現簡易計算器

瀏覽:12日期:2023-06-01 14:44:41

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

基于JavaScript實現簡易計算器

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>計算器</title> <style>.op { margin: 50px auto; width: 300px; height: 300px; border: 1px solid orange; background-color: lightskyblue; border-radius: 50px;}input { width: 210px; height: 30px; border-radius: 5px;}button { width: 30px; height: 30px; border-radius: 10px;} </style></head><body><div class='op'> <h2 align='center'>計算器</h2> <form name='calculator'><table align='center'> <tr><td>num1:</td><td><input type='text' name='num1'></td> </tr> <tr><td>num2:</td><td><input type='text' name='num2'></td> </tr> <tr><td colspan='2'>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <button type='button'>+</button> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <button type='button'>-</button> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <button type='button'>*</button> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <button type='button'>/</button></td> </tr> <tr><td>結果:</td><td><input type='text' name='result' disabled></td> </tr></table> </form></div><script> //得到標簽名下的所有元素對象,返回一個數組 let buttonArr = document.getElementsByTagName('button'); for (let but of buttonArr) {but.addEventListener(’click’, function () { let operator = this.innerHTML; count(operator);}); } function count(operator) {//得到form為calculator中name為num1的輸入值let num1 = parseFloat(document.calculator.num1.value);let num2 = parseFloat(document.calculator.num2.value);let result = ’’;switch (operator) { case ’+’:result = num1 + num2;break; case ’-’:result = num1 - num2;break; case ’*’:result = num1 * num2;break; case ’/’:if (num2 == 0) { alert('除數不能為零'); return;}result = num1 / num2;break;}//將結果賦值于屬性名name為result的input框document.calculator.result.value = result; }</script></body></html>

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

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 九九热精品 | 午夜精品久久久久久久99 | 欧美午夜精品 | www啪啪 | www视频在线观看网站 | 日韩高清一区 | 国产一级淫片a视频免费观看 | 伊人999| 成人在线精品视频 | 久久男人天堂 | 中文字幕视频在线 | 神马久久久久久 | 伊人影院综合 | 草草影院欧美 | 男人天堂a| www.男人的天堂.com | xxxx日韩 | 9.1片黄在线观看 | 视频区图片区小说区 | 成人18视频免费69 | 羞羞av| 97超碰自拍 | 日韩视频在线免费播放 | 欧美不卡一区二区 | 国产成人一区 | 一级黄色在线视频 | 一二三不卡 | 三年中国中文在线观看免费播放 | 久久精品在线观看 | 久久99国产精品 | 亚洲综合一二三 | 亚洲成人精品久久 | 青青青久久 | 日本不卡视频在线 | 9i在线看片成人免费 | 日韩精品视频免费播放 | 亚洲综合干 | 能看毛片的网站 | 黄视频在线免费看 | 日本中文字幕精品 | 九九国产视频 |