时间戳

首页 > 解决方案 > 当我运行此代码时，它只显示 NaN 或不是数字。我能做些什么来解决这个问题？

javascript - 当我运行此代码时，它只显示 NaN 或不是数字。我能做些什么来解决这个问题？

问题描述

此外，我对代码和这个网站真的很陌生。这是圆形计算器的一个区域。圆的面积方程是 3.14 * r * r。

    <input type="Number" id="index_radius">
    <br><button onclick="myfunction()">Calculate</button>
    <script>
        function myfunction() {
            var radius = document.getElementById("index_radius");
            var calculate = radius * radius * 3.14;
            console.log(calculate)
        }

标签： javascript

解决方案

问题是radius变量等于 html 元素，而不是实际值。要将值作为数字获取，您可以添加.valueAsNumber以下代码。

function myfunction() {
  var radius = document.getElementById("index_radius").valueAsNumber;
  var calculate = radius * radius * Math.PI;
  console.log(calculate)
}
<input type="Number" id="index_radius">
<br><button onclick="myfunction()">Calculate</button>

推荐阅读