4-8 编程练习

来源:4-8 编程练习

maggiecl

2019-05-29 13:19:19

<!DOCTYPE html>

<html>

<head>

    <title> 事件</title>

</head>

<body>

    <input type='text' id='num1' />

    <select id='operate'>

        <option value='+'>+</option>

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

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

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

    </select>

    <input type='text' id='num2' />

    <input type='button' value=' = ' onclick="count()" />

    <input type='text' id='result' />

    <script type="text/javascript">

        function count() {

            /*此处写代码*/

            var num1 = document.querySelector("#num1");

            var num2 = document.querySelector("#num2");

            var operate = document.querySelector("#operate");

            var result = document.querySelector("#result");

            switch(operate.value){

                case "+":

                    result.value = +num1.value + +num2.value;

                    break;

                case "-":

                    result.value = num1.value - num2.value;

                    break;

                case "*":

                    result.value = num1.value * num2.value;

                    break;

                case "/":

                    result.value = num1.value / num2.value;

                    break;

            }

        }

    </script>

</body>

</html>


老师,帮我看一下,这样可以吗?

写回答

1回答

好帮手慕夭夭

2019-05-29

你好同学,代码实现的很不错,再接再厉哦,祝学习愉快!

0

0 学习 · 14456 问题

查看课程