已掉线,重新登录

首页 > 绿虎论坛 > 历史版块 > 编程 > HTML/CSS/JS > 源码

标题: [源码]一个html计算器

作者: @Ta

时间: 2020-02-23发布,2020-02-23修改

点击: 6847

<html>
  <meta charset="utf-8">
  <head>
    <script>
      	function insert(num){
          document.form.textview.value=document.form.textview.value+num;
        }
        function equal(){
          var temp=document.form.textview.value;
          if(temp){
            document.form.textview.value=eval(temp);
          }
        }
        function clean(){
          document.form.textview.value="";
        }
        function back(){
          var temp=document.form.textview.value;
          document.form.textview.value=temp.substring(0,temp.length-1);
        }
    </script>
    <style>
      *{
        margin:0;
        padding:0;
      }
      .button{
        width:50;
        height:50;
        font-size:25;
        margin:2;
        cursor:pointer;
        background: #a29db370;
        border:none;
        color:white;
      }
      .textview{
        width:218;
        margin:5;
        font-size:25;
        padding:5;
        border:none;
      }
      .main{
        border:5px solid #43d6f5;
        padding:2;
        position:absolute;
        top:50%;
        left:50%;
        transform:translateX(-50%)translateY(-50%)
      }
      .bg{
        background:linear-gradient(to right,#4e4f8a,#963b35);
        height:100%;
      }
    </style>
  </head>

  <body>
    <div class="bg"></div>
    <div class="main">
      <form name="form">
        <input class="textview" name="textview">
      </form>
      <table>
        <tr>
          <td><input class="button" type="button" value="C" onclick="clean()"></td>
          <td><input class="button" type="button" value="<" onclick="back()"></td>
          <td><input class="button" type="button" value="÷" onclick="insert('/')"></td>
          <td><input class="button" type="button" value="x" onclick="insert('*')"></td>
        </tr>
        <tr>
          <td><input class="button" type="button" value="1" onclick="insert(1)"></td>
          <td><input class="button" type="button" value="2" onclick="insert(2)"></td>
          <td><input class="button" type="button" value="3" onclick="insert(3)"></td>
          <td><input class="button" type="button" value="-" onclick="insert('-')"></td>
        </tr>
        <tr>
          <td><input class="button" type="button" value="4" onclick="insert(4)"></td>
          <td><input class="button" type="button" value="5" onclick="insert(5)"></td>
          <td><input class="button" type="button" value="6" onclick="insert(6)"></td>
          <td><input class="button" type="button" value="+" onclick="insert('+')"></td>
        </tr>
        <tr>
          <td><input class="button" type="button" value="7" onclick="insert(7)"></td>
          <td><input class="button" type="button" value="8" onclick="insert(8)"></td>
          <td><input class="button" type="button" value="9" onclick="insert(9)"></td>
          <td rowspan=5><input class="button" style="height:106" type="button" value="=" onclick="equal()"></td>
        </tr>
        <tr>
          <td colspan=2><input class="button" style="width:106" type="button" value="0" onclick="insert(0)"></td>
          <td><input class="button" type="button" value="." onclick="insert('.')"></td>
        </tr>
      </table>
    </div>
  </body>
</html>

原文链接:https://blog.csdn.net/weixin_43181967/article/details/99680625

我们终究还是活成了自己讨厌的模样ARU_GIF_S.php

[隐藏样式|查看源码]


『回复列表(9|隐藏机器人聊天)』

1. 牛逼
(/@Ta/2020-02-23 00:16//)

2.

666
一只神奇的小尾巴

(/@Ta/2020-02-24 08:18//)

3.



 不要@老虎会游泳
(/@Ta/2020-02-24 11:12//)

4. https://nv.cx/i/jsq
(/@Ta/2020-02-24 11:37//)

5.

1578019469701548800_132a8cc67bd846ef89c85d9a30bcd830.jpg.source.jpg
健健康康

(/@Ta/2020-02-24 11:42//)

6.

http://2o.cx/jsq
这是一条鸡巴你不必羡慕

(/@Ta/2020-02-24 14:27//)

7. 66
(/@Ta/2020-02-24 15:34//)

8. 真丶云计算
(/@Ta/2020-02-24 15:42//)

9. @老子会游泳,你是化腾?
(/@Ta/2020-02-26 21:59//)

回复需要登录

7月9日 08:17 星期三

本站由hu60wap6驱动

备案号: 京ICP备18041936号-1