在 JavaScript 中将弧度转换为度数
在本文中,我们将学习 JavaScript 源代码中的数学计算,使用公式从弧度值获取角度值,并使用默认的警报框或日志框将结果显示给用户。
在 JavaScript 中将弧度转换为度数
在 JavaScript 中,我们可以使用算术运算符(+
、-
、*
、/
)执行算术运算和计算,例如加法、减法、乘法和除法。 借助这些运算符,我们可以在 JavaScript 程序中创建任何数学公式。
为了在 JavaScript 中将弧度转换为度数,我们可以使用以下公式计算并找出度数值:
radian value * (half circle angle/value of pi )
在 JavaScript 中,pi 值有一个默认的 Math.PI 关键字,它返回 3.14。 这个默认值在我们的弧度到度数转换公式中非常有用且高效,而不是编写 3.14。
基本公式:
let radian = 1
let degree = radian * (180 / Math.PI);
如上所示,我们只需要用户预先定义的弧度值即可确定角度值。 我们可以得到默认的 Math.PI 值,即 3.14。
例子:
在下面的示例中,我们将从用户输入中获取弧度值,并使用弧度转角度公式进行算术运算。 我们将在警报框中向用户显示结果。
<html>
<head>
<title> convert radian to degree </title>
</head>
<script>
function convertToDegree()
{
let data = document.getElementById("value").value;
data = parseInt(data)
if(isNaN(data)) //check empty data field
{
alert("Please enter value");
}
else{
let degree = data * (180 / Math.PI); //Math.PI = 3.14
degree = degree.toFixed(5)
alert("Converted value into degree : "+degree+"°");
}
}
</script>
<body>
<h1 style="color:blueviolet">Jiyik Learning</h1>
<h3>JavaScript Convert radian to degree</h3>
<form onsubmit ="convertToDegree()">
<!-- data input -->
<td> Enter Radian ualue: </td>
<input id = "value" type="number">
<br><br>
<input type = "submit" value = "Convert">
</form>
</body>
</html>
我们使用上面 HTML 源代码中的 form 元素来创建用户输入字段和提交按钮。 用户将插入弧度值,当用户单击提交按钮时,将触发函数 convertToDegree()
。
在脚本标签中,我们声明了 convertToDegree()
函数。 在该函数内,我们在数据变量中获取用户输入值,并使用条件语句 if 来检查输入值。
如果变量为空或不包含任何值,它将显示 alert()
函数并显示错误消息。
如果用户提供了该值,我们将使用弧度到度数转换公式在 else 条件下执行算术运算,并将结果存储在 Degree 变量中。 我们将浮点值四舍五入为 5 位,并在alert() 弹出窗口中显示结果。
相关文章
在 JavaScript 中按属性值查找数组中的对象
发布时间:2023/06/06 浏览次数:144 分类:JavaScript
-
当通过属性值在数组中查找对象时,可以在 JavaScript 中使用不同的实现。使用 find() 方法按属性值在数组中查找对象。我们可以使用 find() 方法通过对象的属性值在 JavaScript 的对象数组中查找对
JavaScript 通过对键的引用获取对象的值
发布时间:2023/06/06 浏览次数:199 分类:JavaScript
-
在 JavaScript 中,对象以键值对的形式编写。 我们可以通过键来获取对象的值。但也可以通过变量引用键并使用变量访问对象中的值。 本文将介绍其实现方式。
在 JavaScript 中使用 XMLHttpRequest 发送 POST 请求
发布时间:2023/06/06 浏览次数:124 分类:JavaScript
-
在本文中,我们将通过不同的示例学习如何使用 JavaScript 代码在 Ajax 编程中发送 XMLHttpRequest post 请求。
使用 JavaScript 将鼠标指针移动到特定位置
发布时间:2023/06/06 浏览次数:131 分类:JavaScript
-
在这篇文章中,我们将创建一个假的或自定义的鼠标指针,它可能看起来类似于默认系统的鼠标指针,然后我们将使用 JavaScript 将其位置移动到不同的位置。 这种将鼠标指针移动到特定位置的
JavaScript 异步 forEach
发布时间:2023/06/06 浏览次数:224 分类:JavaScript
-
在本篇文章中,我们将看看我们是否可以在 JavaScript 的 forEach 循环中使用异步。 有哪些选择?JavaScript 中的异步 forEach 异步编程不适用于 Array.prototype.forEach。
JavaScript 中 URL 解码
发布时间:2023/06/06 浏览次数:150 分类:JavaScript
-
本文着眼于 URL 解码以及如何使用 JavaScript 对编码的 URL 进行解码。需要URL编解码。JavaScript 中的 URL 解码。在 JavaScript 中,可以通过三种方法对编码的 URL 进行解码。
如何在 JavaScript 中生成 PDF
发布时间:2023/06/06 浏览次数:234 分类:JavaScript
-
在本文中,我们将学习用 JavaScript 创建 PDF 的有效方法。 在示例的帮助下,我们将了解 JavaScript 中有哪些可用的库来创建 PDF。
在 JavaScript 中使用种子生成随机数
发布时间:2023/06/06 浏览次数:199 分类:JavaScript
-
本文介绍如何使用种子在 JavaScript 中生成随机数。 我们实现这一点要归功于 PRNG,它接受一个种子并返回一个基于该种子的随机数。
JavaScript += 的效果
发布时间:2023/06/06 浏览次数:159 分类:JavaScript
-
本篇文章将介绍 JavaScript += 在以下情况下的效果。JavaScript 加上数字之间的相等 ;JavaScript 加上字符串之间相等 ;JavaScript 在数字和字符串之间加上相等