计算圆的面积

最新推荐文章于 2022-03-05 16:42:55 发布

原创最新推荐文章于 2022-03-05 16:42:55 发布 · 346 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js

本文介绍如何使用JavaScript动态计算圆的面积，通过用户输入半径值，实时展示计算结果。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <input type="text" id="radius" placeholder="请输入半径计算圆的面积!" />
        <button type="button" onclick="circular()">计算</button>
        <div id="msg">
        </div>
        <script>
            function circular() {
                let radius = document.getElementById("radius").value;
                radius = parseInt(radius);
                π = 3.14;
                let s = π * radius * radius;
                console.log(s);
                document.getElementById("msg").innerHTML = s;

            }
        </script>
    </body>
</html>