求平均值

yang 发布于 2023-5-29 19:57 阅读：385 JS基础阶段

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <body>
        <input id="num1" type="text" />
        <input id="num2" type="text" />
        <input id="num3" type="text" />
        <button id="btn">求平均值</button>
        <input id="num4" type="text" />
        <script>
            // 1.获取对应input的值
            // num1.value
            // num2.value
            // num3.value
            // 2.给btn绑定点击事件
            btn.onclick = function () {
                // 3.点击事件时拿值求平均值
                let a = Number(num1.value);
                let b = Number(num2.value);
                let c = Number(num3.value);
                let avg = (a + b + c) / 3;
                // 4.将平均值赋值给num4
                num4.value = avg;
            };
        </script>
    </body>
</html>

求平均值

扫描二维码，在手机上阅读