簡單計(jì)算器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text" name="num1" id="num1" value="">
<select name="choice" id="choice">
    <option value="+">+</option>
    <option value="-">-</option>
    <option value="*">*</option>
    <option value="/">/</option>
    <option value="%">%</option>
</select>
<input type="text" name="num2" id="num2">
<input type="button" id="calc" value="計(jì)算">
<p id="res"></p>
<script>
    document.getElementById('calc').onclick = function () {
        var num1 = document.getElementById('num1').value
        var num2 = document.getElementById('num2').value
        var choice = document.getElementById('choice').value
        var res = ''
        if (num1 == '' || isNaN(num1 * 1)) res += '第一個(gè)輸入框必須為數(shù)字'
        if (num2 == '' || isNaN(num2 * 1)) res += '第二個(gè)輸入框必須為數(shù)字'
        if ((choice == '/' || choice == '%') && num2 * 1 == 0) res += '第二個(gè)輸入框不能為零'
        num1 = num1 * 1;
        num2 = num2 * 1;
        if (!res) {
            switch (choice) {
                case '+':
                    res = num1 + num2
                    break
                case '-':
                    res = num1 - num2
                    break
                case '*':
                    res = num1 * num2
                    break
                case '/':
                    res = num1 / num2
                    break
                default:
                    res = num1 % num2
            }
        }
        document.getElementById('res').innerText = res
    }
</script>
</body>
</html>

簡單計(jì)算器

批改老師：

PHPz

批改狀態(tài)：合格

老師批語：不錯(cuò)

本博文版權(quán)歸博主所有，轉(zhuǎn)載請注明地址！如有侵權(quán)、違法，請聯(lián)系admin@php.cn舉報(bào)處理！

全部評論文明上網(wǎng)理性發(fā)言，請遵守新聞評論服務(wù)協(xié)議

0條評論

作者最新博文

值|引用傳遞-數(shù)組|對象解構(gòu)-call|apply|bind-訪問器-流程控制

2021-12-07 21:10:43

亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

簡單計(jì)算器