JS_简易计算器

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>http://www.gxaedu.com</title>
</head>
<body>
<input type="number" id="text1">
<select>
    <option>+</option>
    <option>-</option>
    <option>*</option>
    <option>/</option>
    <option>%</option>
</select>
<input type="number" id="text2">
<input type="button" value="计算" id="btn1">
</body>
    <script>

        var oText1=document.getElementById('text1');
        var oText2=document.getElementById('text2');
        var oSlt=document.getElementsByTagName('select')[0];
        var oBtn=document.getElementById('btn1');
        oBtn.function () {
            switch (oSlt.value) {
                case '+':
                    alert(parseInt(oText1.value) + parseInt(oText2.value));
                    break;
                case '-':
                    alert(parseInt(oText1.value) - parseInt(oText2.value));
                    break;
                case '*':
                    alert(parseInt(oText1.value) * parseInt(oText2.value));
                    break;
                case '/':
                    alert(parseInt(oText1.value) / parseInt(oText2.value));
                    break;
                case '%':
                    alert(parseInt(oText1.value) % parseInt(oText2.value));
                    break;
            }
        }
    </script>
</html>
已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页