计算器(作业)

作者: 蓝色海洋_bd2b | 来源:发表于2019-04-08 19:39 被阅读0次

C#第一次作业02
第一节课的第二个作业
第一节课第二个作业
第一节课第二个作业
2018-10-17第二个作业
第1节课的第二个作业
#笔记1
计算器作业与其他作业
C#第13次作业
作业—计算器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>计算器</title>
    <script type="text/javascript">
        window.onload = function(){
            var oInput01 = document.getElementById('input01');
            var oInput02 = document.getElementById('input02');
            var oSelect = document.getElementById('select');
            var oBtn = document.getElementById('btn');

            oBtn.onclick = function(){
                var val01 = oInput01.value;
                var val02 = oInput02.value;

                //不做此判断会弹出“NaN”
                if(val01=="" || val02==""){
                    alert('输入框不能为空！');
                    return;
                }
                if(isNaN(val01) || isNaN(val02)){
                    alert('请输入数字！');
                    return;
                }
                switch(oSelect.value){
                    case '0':
                        alert((parseFloat(val01)*100 + parseFloat(val02)*100)/100);
                        break;
                    case '1':
                        alert((parseFloat(val01)*100 - parseFloat(val02)*100)/100);
                        break;
                    case '2':
                        alert((parseFloat(val01)*100) * (parseFloat(val02)*100)/10000);
                        break;
                    case '3':
                        alert((parseFloat(val01)*100) / (parseFloat(val02)*100));
                        break;
                }
            }
        }
    </script>
</head>
<body>
    <h1>计算器</h1>
    <input type="text" name="" id="input01" />
    <select id="select">
        <option value="0">+</option>
        <option value="1">-</option>
        <option value="2">*</option>
        <option value="3">/</option>
    </select>
    <input type="text" name="" id="input02" />
    <input type="button" name="" value="计算" id="btn" />
</body>
</html>