简单的计算器

来源：互联网发布：数据分析师面试编辑：程序博客网时间：2024/06/05 18:44
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><title>计算</title><script type="text/javascript">    function $(id){        return document.getElementById(id);    }    function calc(id){        obj = document.getElementById(id);        try{            obj.value=eval(obj.value);        }catch(e){            obj.value="错误的算式";        }    }    function setNumber(val){        $("receivedNum").value=$("receivedNum").value+val;    }    function del(id){        $(id).value="";    }</script><style type="text/css">    .num{        border: 1px black solid;        width: 40px;        height:40px;        font-size:14pt;        background: gray;        text-align: center;        cursor: pointer;    }</style></head><body>    <table style="background-color: #ffffff;border: 1px gray solid;">        <tr>            <td class="num" colspan="5">计算器</td>        </tr>        <tr>            <td class="num" colspan="5">                <input style="font-size:12pt; height:30px;width:220px;text-align: right" id="receivedNum" value=""/>            </td>        </tr>        <tr>            <td class="num" onclick="del('receivedNum')">DEL</td>            <td class="num" onclick="setNumber(1)">1</td>            <td class="num" onclick="setNumber(2)">2</td>            <td class="num" onclick="setNumber(3)">3</td>            <td class="num" onclick="setNumber('+')">+</td>        </tr>        <tr>            <td class="num" onclick="setNumber(4)">4</td>            <td class="num" onclick="setNumber(5)">5</td>            <td class="num" onclick="setNumber(6)">6</td>            <td class="num" onclick="setNumber(7)">7</td>            <td class="num" onclick="setNumber('-')">-</td>        </tr>        <tr>            <td class="num" onclick="setNumber(8)">8</td>            <td class="num" onclick="setNumber(9)">9</td>            <td class="num" onclick="setNumber(0)">0</td>            <td class="num" onclick="setNumber('*')">*</td>            <td class="num" onclick="setNumber('/')">/</td>        </tr>        <tr>            <td colspan="5" class="num" onclick="calc('receivedNum')">=</td>        </tr>    </table>    <a style="font-size:18pt;" href="http://blog.csdn.net/yangymy" target="_blank">--------请关注我哟--------</a></html>
0 0