• <fieldset id="8imwq"><menu id="8imwq"></menu></fieldset>
  • <bdo id="8imwq"><input id="8imwq"></input></bdo>
    最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
    問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
    當前位置: 首頁 - 科技 - 知識百科 - 正文

    使用Javascript簡單計算器

    來源:懂視網 責編:小OO 時間:2020-11-27 22:03:44
    文檔

    使用Javascript簡單計算器

    本文實例為大家分享了js簡單計算器的實現代碼,供大家參考,具體內容如下:1.html代碼;, <;input type="text" name="" id="txt-num1">;//輸入第一個數 <;select id="dropdown">;<;option value="+">;+<;/option>;<;option value="-">;-<;/option>;<;option value="*">;*<;/option>;<;option value="/">;/<;/option>;<;/select>;//下拉菜單。2.JS代碼;
    推薦度:
    導讀本文實例為大家分享了js簡單計算器的實現代碼,供大家參考,具體內容如下:1.html代碼;, <;input type="text" name="" id="txt-num1">;//輸入第一個數 <;select id="dropdown">;<;option value="+">;+<;/option>;<;option value="-">;-<;/option>;<;option value="*">;*<;/option>;<;option value="/">;/<;/option>;<;/select>;//下拉菜單。2.JS代碼;

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

    1.html代碼

     <input type="text" name="" id="txt-num1">//輸入第一個數
     <select id="dropdown">
     <option value="+">+</option>
     <option value="-">-</option>
     <option value="*">*</option>
     <option value="/">/</option>
     </select>//下拉菜單,讓用戶選擇自己需要的運算符
     <input type="text" name="" id="txt-num2">//輸入第二個數
     <button type="" id="btn">=</button>//當點擊等于時就會
    輸出結果 <input type="" name="" id="txt-result">//結果存儲在這里

    2.JS代碼

    <script type="text/javascript">
     var btn_result=document.getElementById('btn');//獲取等號的ID
     var num1=document.getElementById('txt-num1');//獲取第一個數的ID
     var num2=document.getElementById('txt-num2');//獲取第二個數的ID
     var result=document.getElementById('txt-result');//獲取結果ID
     var drop=document.getElementById('dropdown');//獲取下拉菜單ID
     btn_result.onclick=function(){//這句代碼的意思是兩個數的運算全是等號引起的,當點擊等號時就會使兩個數值進行運算
     var v1=parseFloat(num1.value);//把num轉化為數值型 string------>number
     var v2=parseFloat(num2.value);
     var v3=drop.value;//用v3 來存儲下拉菜單的值
     var num;///num用于接收兩數的運算結果
     switch(v3){//判斷用戶選的是哪種運算符,并進行運算
     case "+":
     num=v1+v2;
     break;
     case "-":
     num=v1-v2;
     break;
     case "*":
     num=v1*v2;
     break;
     case "/":
     num=v1/v2;
     break;
     default:
     num=v1+v2;
     break;
     }
     result.value=num;//把結果保存到result中
     }
     </script>
    

    聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

    文檔

    使用Javascript簡單計算器

    本文實例為大家分享了js簡單計算器的實現代碼,供大家參考,具體內容如下:1.html代碼;, <;input type="text" name="" id="txt-num1">;//輸入第一個數 <;select id="dropdown">;<;option value="+">;+<;/option>;<;option value="-">;-<;/option>;<;option value="*">;*<;/option>;<;option value="/">;/<;/option>;<;/select>;//下拉菜單。2.JS代碼;
    推薦度:
    標簽: 簡易 計算器 簡單
    • 熱門焦點

    最新推薦

    猜你喜歡

    熱門推薦

    專題
    Top
    主站蜘蛛池模板: 日本精品自产拍在线观看中文 | 亚洲一区爱区精品无码| 精品人妻系列无码天堂| 久久久精品国产亚洲成人满18免费网站| 97久久精品国产精品青草 | 久久99精品九九九久久婷婷| 国产亚洲精品国产| 精品福利视频一区二区三区| 中日韩产精品1卡二卡三卡| 国产精品户外野外| 久久免费精品一区二区| 精品人妻系列无码天堂| 老司机67194精品线观看| 一级做a爰黑人又硬又粗免费看51社区国产精品视| 国产精品 视频一区 二区三区| 久久99精品国产| 99热成人精品热久久669| 经典国产乱子伦精品视频| 人妻少妇乱子伦精品| 午夜天堂精品久久久久| 亚洲无线观看国产精品| 无码人妻精品一区二区蜜桃百度| 国内精品国语自产拍在线观看| 99久久伊人精品综合观看| 日韩精品在线免费观看| 亚洲国产精品久久久久婷婷软件| 欧美精品一区二区精品久久| 精品国产免费一区二区三区香蕉| 97r久久精品国产99国产精| 国产精品爱啪在线线免费观看| 国产精品多p对白交换绿帽| 99免费精品国产| 成人无码精品1区2区3区免费看| 亚洲精品无码永久中文字幕| 亚洲综合av永久无码精品一区二区 | 精品国产热久久久福利| 精品91自产拍在线观看二区| 国产啪亚洲国产精品无码| 国产一区二区精品尤物| 国产香蕉国产精品偷在线观看| 国语自产精品视频|