javascript實現簡易計算機,javascript計算機

來源:互聯網
上載者:User

javascript實現簡易計算機,javascript計算機

前言

hello,大家好,學習一段時間了,學習了架構和背景內容,為了防止前端的js和jq的熟練度不夠,忘記很多演算法和基礎用法,會陸陸續續更新一些小的功能效果code,用於記錄和積累,不足之處很多,封裝性和代碼冗餘暫且不嚴格要求,儘力完善,保持更新..

簡易加減乘除計算機,利用表單的value值取值,用原生js實現.可直接複製到編輯器,開啟即可運行.

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>加減乘除計算機</title>  <script type="text/javascript">  function count(){    var a = parseInt(document.getElementById("txt1").value);  var b = parseInt(document.getElementById("txt2").value) ;  var sign = document.getElementById("select").value;  var result = 0;    switch(sign){      case "+": result = a+b;      break;      case "-": result = a-b;      break;      case "*": result = a*b;      break;      case "/": result = a/b;      break;      case "%": result = a%b;      break;     }  document.getElementById("answer").value = result;  } </script>  </head>  <body>  <input type='text' id='txt1' />   <select id='select'>    <option value='+'>+</option>    <option value="-">-</option>    <option value="*">*</option>    <option value="/">/</option>    <option value="%">%</option>  </select>  <input type='text' id='txt2' />     <input type='button' value=' = ' onclick="count()"/>     <!--通過 = 按鈕來調用建立的函數,得到結果-->   <input type='text' id='answer' />   </body></html>

以上就是本文的全部內容,希望對大家的學習有所協助,也希望大家多多支援幫客之家。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.