迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 > JavaScript >

在 JavaScript 中将弧度转换为度数

作者:迹忆客 最近更新:2023/09/09 浏览次数:

在本文中,我们将学习 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 中按属性值查找数组中的对象

下一篇:没有了

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

在 JavaScript 中按属性值查找数组中的对象

发布时间:2023/06/06 浏览次数:144 分类:JavaScript

当通过属性值在数组中查找对象时,可以在 JavaScript 中使用不同的实现。使用 find() 方法按属性值在数组中查找对象。我们可以使用 find() 方法通过对象的属性值在 JavaScript 的对象数组中查找对

JavaScript 通过对键的引用获取对象的值

发布时间:2023/06/06 浏览次数:199 分类:JavaScript

在 JavaScript 中,对象以键值对的形式编写。 我们可以通过键来获取对象的值。但也可以通过变量引用键并使用变量访问对象中的值。 本文将介绍其实现方式。

使用 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 在数字和字符串之间加上相等

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便