计算圆的面积

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

index_Bug

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

阅读量328

点赞数

CC 4.0 BY-SA版权

文章标签： js

本文链接：https://blog.youkuaiyun.com/index_Bug/article/details/116205877

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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