老师检查一下作业

来源:4-14 项目作业

慕函数0445997

2022-11-24 11:25:13

<!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>

</head>

<body>

    <input type="text" id="left_text">

    <select id="operator">

        <option value="+">+</option>

        <option value="-">-</option>

        <option value="*">*</option>

        <option value="/">/</option>

    </select>

    <input type="text" id="right_text">

    <button id="btn">=</button>

    <input type="text" id="result">

    <script>

        var leftText=document.getElementById('left_text');

        var operator=document.getElementById('operator');

        var rightText=document.getElementById('right_text');

        var btn=document.getElementById('btn');

        var result=document.getElementById('result');


        btn.onclick=function(){

            var leftNum=Number(leftText.value);

            var rightNum=Number(rightText.value);


            switch(operator.value){

                case '+':

                    result.value=leftNum+rightNum;

                    break;


                case '-':

                    result.value=leftNum-rightNum;

                    break;


                case '*':

                    result.value=leftNum*rightNum;

                    break;

                case '/':

                    result.value=leftNum/rightNum;

                    break;

            }

        }

    </script>

</body>

</html>


写回答

1回答

好帮手慕星星

2022-11-24

同学你好,代码计算没问题。继续加油,祝学习愉快!

0

前端工程师

前端入门如同写字,如果你不知道从哪开始,那就选择前端(含Vue3.x,React17,TS)

20327 学习 · 17877 问题

查看课程