<form id="hz9zz"></form>
  • <form id="hz9zz"></form>

      <nobr id="hz9zz"></nobr>

      <form id="hz9zz"></form>

    1. 明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

      HTML與JS完成容易的計算器

      [摘要]HTML和JS實現計算器功能的也是很容易的,本文主要和大家分享HTML和JS實現簡單的計算器,希望能幫助到大家。下面是代碼: <!doctype html><html><head><meta charset="utf-8">&...
      HTML和JS實現計算器功能的也是很容易的,本文主要和大家分享HTML和JS實現簡單的計算器,希望能幫助到大家。

      下面是代碼:

         <!doctype html>
      <html>
      <head>
      <meta charset="utf-8">
      <title>無標題文檔</title>
      <link rel="stylesheet" type="text/css" href="untitled.css">
      </head>
      <script type="text/javascript"> 
              var result="";
                function jisuan(num){
            if(num=="="){
        document.form1.text.value=eval(result);
        }else{
        result=result+num;
        document.form1.text.value=result;
        }
        }
      </script>
      <body>
      <p class="box">
      <form action="" class="form1" name="form1">
            <p class="header"> 
               <input type="text" id="text" name="text" class="text"/>
              
                </p>
                <p class="nav">
           <table class="table">
               <tr>
               <td>  <input id="1" style="height:55px; width:55px;" type="button" value="1" onClick="jisuan(this.id)"/> </td>
               <td>  <input id="2" style="height:55px; width:55px;" type="button" value="2" onClick="jisuan(this.id)"/> </td>
               <td>  <input id="3" style="height:55px; width:55px;" type="button" value="3" onClick="jisuan(this.id)"/> </td>
               <td>  <input id="+" style="height:55px; width:55px;" type="button" value="+" onClick="jisuan(this.id)"/> </td>
               </tr>
               <tr>
               <td>  <input id="4" style="height:55px; width:55px;" type="button" value="4" onClick="jisuan(this.id)"/> </td>
               <td>  <input id="5" style="height:55px; width:55px;" type="button" value="5" onClick="jisuan(this.id)"/> </td>
               <td>  <input id="6" style="height:55px; width:55px;" type="button" value="6" onClick="jisuan(this.id)"/> </td>
                <td>  <input id="-" style="height:55px; width:55px;" type="button" value="-" onClick="jisuan(this.id)"/> </td>
               </tr>
               <tr>
               <td>  <input id="7" style="height:55px; width:55px;" type="button" value="7" onClick="jisuan(this.id)"/> </td>
               <td>  <input id="8" style="height:55px; width:55px;" type="button" value="8" onClick="jisuan(this.id)"/> </td>
               <td>  <input id="9" style="height:55px; width:55px;" type="button" value="9" onClick="jisuan(this.id)"/> </td>
                <td>  <input id="*" style="height:55px; width:55px;" type="button" value="*" onClick="jisuan(this.id)"/> </td>
               </tr>
                <tr>
               <td>  <input id="/" style="height:55px; width:55px;" type="button" value="/" onClick="jisuan(this.id)"/> </td>
               <td>  <input id="0" style="height:55px; width:55px;" type="button" value="0" onClick="jisuan(this.id)"/> </td>
                <td>  <input id="." style="height:55px; width:55px;" type="button" value="." onClick="jisuan(this.id)"/></td>
                <td>  <input id="=" style="height:55px; width:55px;" type="button" value="=" onClick="jisuan(this.id)"/> </td>
               </tr>
               </table>
              
               
           </p>
         </form>
       </p>
      </body>
      </html>

      相關推薦:
      HTML怎樣實現簡單計算器

      js實現簡單四則運算計算器功能

      JS實現的簡單四則運算計算器功能示例

      以上就是HTML和JS實現簡單的計算器的詳細內容,更多請關注php中文網其它相關文章!


      網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




      日韩精品一区二区三区高清