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

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

JavaScript實現簡單的計算器功能

瀏覽:180日期:2023-06-07 08:34:53

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

具體要求如下:

JavaScript實現簡單的計算器功能

實現代碼:

<html> <head> <meta charset='utf-8'> <title>計算器</title> <script> function myck(type){var num1 = document.getElementById('num1');var num2 = document.getElementById('num2');if(type==1){ // 計算操作 var result = parseInt(num1.value) + parseInt(num2.value); alert(result); document.getElementById('resultDiv').innerText ='最終計算結果:'+ result;}else if(type==2){ var result = parseInt(num1.value) - parseInt(num2.value); alert(result); document.getElementById('resultDiv').innerText ='最終計算結果:'+ result; } else if(type==3){ var result = parseInt(num1.value) * parseInt(num2.value); alert(result); document.getElementById('resultDiv').innerText ='最終計算結果:'+ result; } else if(type==4){if(confirm('是否正確清空?')){// 清空num1.value = '';num2.value = '';document.getElementById('resultDiv').innerText=''; } } } </script> </head> <body> <div style='margin-top: 100px;margin-left: 500px;'> <span style='font-size: 60px;'>計算器</span> </div> <div> <div style='margin-left: 490px;'>數&nbsp;&nbsp;字1:<input type='number' placeholder='請輸入數字1'> </div> </div> <div> <div style='margin-left:490px;'> 數&nbsp;&nbsp;字2:<input type='number' placeholder='請輸入數字2'> </div> </div> <div> <div class='innerDiv'><input type='button' onclick='myck(1)' value='相&nbsp;&nbsp;加'> <input type='button' onclick='myck(2)' value='相&nbsp;&nbsp;減'> <input type='button' onclick='myck(3)' value='相&nbsp;&nbsp;乘'><input type='button' onclick='myck(4)' value='清&nbsp;&nbsp;空'> </div> </div> <div id='resultDiv'> </div> </body> <style> .innerDiv{ margin-left: 420px; margin-top: 20px; } </style></html>

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

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 欧美日韩在线网站 | 欧日韩视频 | 亚洲一个色 | 97超碰站 | 99在线精品视频免费观看20 | 夜夜天天操 | 国产一区二区三区在线视频 | 五月激情六月 | 欧美视频第一页 | 玖玖精品在线视频 | 性做久久久久久久久 | 亚洲精品成人av久久 | 亚洲成年人专区 | 精品久久网| 日韩综合网站 | 蜜桃av免费看 | 国产精品美女在线 | 成人黄色在线播放 | 欧美乱日 | 中文区中文字幕免费看 | 99青草 | 成人午夜视频免费看 | 久久久91 | 欧美大片18| 五月天青青草 | 免费观看一区二区三区 | www久久com| 久操资源在线 | 爱爱视频在线播放 | 最新黄色av| 在线看片成人 | 亚洲精品久久久久avwww潮水 | 日韩欧美成 | 国产成人av一区二区三区在线观看 | 影音先锋成人在线 | 欧美日色| 最新日韩中文字幕 | 欧美日韩三级视频 | 国产超碰在线观看 | 日本爱爱视频 | 狠狠操91 |