javascript - 为什么我无法让这段 javascript 代码工作?

标签 javascript

我用 JavaScript 编写了一个网页来计算您的 BMI,它似乎可以工作,但是当我点击计算按钮时,会弹出一个警告框并显示“您的 BMI 为 NaN”。我知道 NaN 代表不是数字。我只是想知道为什么我无法让它工作。

<!DOCTYPE html>

<html>
<head>

    <title>BMI</title>

</head>

<body>
    <p>Your weight:<input type="number" id="value1" /></p>

    <p>Your height (in inches):<input type="number" id="value2" /></p>

<script>

    function calc() {
    var data1 = document.getElementById("value1");
    var data2 = document.getElementById("value2");
    var weight = (data1 * 703);
    var height = (weight) / (data2 * data2);
    alert("Your BMI is " + height);
    };

    </script>

    <button onclick="calc()">Calculate</button>

</body>
</html>

最佳答案

这是一个 fiddle : http://jsfiddle.net/wYfq8/

function calc() {
    var data1 = document.getElementById("value1").value;
    var data2 = document.getElementById("value2").value;
    var weight = (data1 * 703);
    var height = (weight) / (data2 * data2);
    alert("Your BMI is " + height);
};

关于javascript - 为什么我无法让这段 javascript 代码工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24808895/

相关文章:

javascript - 如何在传单中设置一系列可能的缩放级别

php - 解析 PHP 中的每一行

javascript - 如何通过嵌套正确链接 Promises

javascript - 字符串用句号替换多个字符 - Javascript

javascript - 如何在浏览器上显示相同的元素内容

javascript - 根据所选选项显示对象信息

javascript - 来自 javascript 的 http GET 和 PUT 二进制数据(CouchDB 附件)

javascript - 如何在 vue.js 中使用监听器捕获 Google map 事件

javascript - Firebase 函数日志不显示数据

javascript - 如何以编程方式从另一个网站抓取图像?