如何使用 JavaScript 计算圆的周长和面积？

17 Mar 2025 | 阅读 2 分钟

在本文中，我们将学习如何使用 JavaScript 计算圆的周长和面积。计算圆周长和面积的数学公式如下：

圆的面积 = π * r * r

圆的周长 = 2 * π * r

这两个公式都需要 PI 的值。因此，在 JavaScript 中，我们必须使用 Math.PI 属性来获取 PI 的值。

让我们看一个计算圆的周长和面积的例子。

示例

在这个例子中，圆的半径是 20 厘米。我们需要点击提供的 HTML 按钮来获取面积和周长。

<!DOCTYPE html>
<html>

<head>
<title>
Math.PI
</title>

</head>

<body>
<h2>
Welcome to the TpointTech.com
</h2>
<p> Here the radius of circle is 20cm </p>
<p>
Click the following button to get the area and perimeter of circle.
</p>
<p id = "para"></p>
<p id = "para1"></p>
<button onclick = "fun()"> Click me </button>

<script> 
var r = 20;
function fun()
{
document.getElementById('para').innerHTML = 'The area of circle with radius 20cm is: ' + Math.PI * r * r ;
document.getElementById('para1').innerHTML = 'The perimeter of circle with radius 20cm is: ' + 2 * Math.PI * r ;  
}
</script> 

</body>

</html>

输出

执行完上述代码并点击提供的按钮后，输出将是：

How to calculate the perimeter and area of a circle using JavaScript

下一个主题如何使用 JavaScript 创建图像映射

如何使用 JavaScript 计算圆的周长和面积？

示例

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

JavaScript 基础

JS 变量和数据类型

JS 控制语句

JavaScript 函数

JavaScript 对象

JS 高级函数

JS Promises & Async/Await

JavaScript DOM

JavaScript JSON 对象

JavaScript 验证

JavaScript Cookies

异常处理

JavaScript 集合

JavaScript 事件

JavaScript OOPs

JavaScript BOM

面试题

选择题

差异

JavaScript Map 方法

JavaScript Handler

JavaScript Number 方法

JavaScript Reflect

JavaScript Symbol

Symbol 属性

JavaScript Math 方法

JavaScript Date 方法

JavaScript DataView

JavaScript Object 方法

JavaScript Set 方法

JavaScript 字符串方法

JavaScript TypedArray 方法

JavaScript WeakMap 方法

JavaScript WeakSet 方法

JavaScript 数组方法

JavaScript RegExp 对象

JavaScript 附加内容

JavaScript 杂项

JavaScript 进阶

问题

Lodash

如何使用 JavaScript 计算圆的周长和面积？

示例

相关帖子

CanvasJS

JavaScript 免费认证

JavaScript 中的 NextSibling 属性

从 JavaScript 的 select 列表中移除选项

JavaScript Garbage

在 JavaScript 中按下和释放鼠标左键

JavaScript globalThis 对象

JavaScript 格式化数字（带逗号）

JavaScript 的用途是什么？

preventDefault() 和 stopPropagation() 方法之间的区别

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器