<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .warp {
            width: 310px;
            height: 200px;
            padding: 10px;
            border: 1px solid #000;
        }
        #text {
            width: 300px;
            height: 50px;
        }
        .warp>button {
            width: 55px;
        }
    </style>
</head>
<body>
    <div class="warp">
        <input type="text" id="text">
        <button onclick="shuru(0)">0</button>
        <button onclick="shuru(1)">1</button>
        <button onclick="shuru(2)">2</button>
        <button onclick="shuru(3)">3</button>
        <button onclick="shuru(4)">4</button>
        <button onclick="shuru(5)">5</button>
        <button onclick="shuru(6)">6</button>
        <button onclick="shuru(7)">7</button>
        <button onclick="shuru(8)">8</button>
        <button onclick="shuru(9)">9</button>
        <button onclick="shuru('+')">+</button>
        <button onclick="shuru('-')">-</button>
        <button onclick="shuru('*')">*</button>
        <button onclick="shuru('/')">/</button>
        <button onclick="shuru('%')">%</button>
        <button onclick="jisuan()">=</button>
        <button onclick="qingling()">清除</button>
    </div>
    <script>
        let str2='';//放置输入的字符串
        function shuru(text) {
            let _text = document.getElementById('text');
            str2 = str2 + text;
            _text.value = str2;
        }

        function jisuan() {
            let _text = document.getElementById('text');
            _text.value = eval(str2);
            str2 = '';
        }
        function qingling(params) {
            let _text = document.getElementById('text');
            _text.value = '';
            str2 = '';
        }
    </script>
</body>
</html>

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐