我是 javascript 的初学者，我想创建一个遵循公式的输入，
(Cell count/Volume) x Dilution
Volume = length x width x height
我已经尝试使用下面的代码。
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Cell Count</title>
</head>
<body>
<form>
Cell Count : <input type="text" id="cell-count" /><br>
Box Count : <input type="text" id="box-count" /><br>
Dilution : <input type="text" id="dilution" /><br>
Length : <input type="text" id="lgh" /><br>
Width : <input type="text" id="wdh" /><br>
Height : <input type="text" Value="0,1" id="hgt" /><br>
<input type="button" id="count" Value="Cell Count" />
</form>
<p>Results : <span id = "results"></span> </p>
<script>
var num1 = document.getElementById("cell-count").value;
num2 = document.getElementById("box-count").value;
num3 = document.getElementById("dilution").value;
num4 = document.getElementById("lgh").value;
num5 = document.getElementById("wdh").value;
num6 = document.getElementById("hgt").value;
count = document.getElementById('count');
results = document.getElementById('results');
count.onclick = function(){
if(num1.value && num3.value && num4.value && num5.value && num6.value) {
var volume = num2 * ( num4 * num5 * num6 );
result_count = num1 / volume * num3;
results.innerHTML = funcRound(result_count);
} else {
results.innerHTML = "Please insert values";
}
}
</script>
</body>
</html>
上面的代码没有按照我的预期运行，代码有什么问题吗？
为了更清楚我的错误是什么，请在这里帮助我https://jsfiddle.net/atlm/06a2demh/
请帮忙。
最佳答案
Fuzzyzilla 解决您的问题。当您的页面首次加载时，脚本标记中的代码将被执行。因此，您的 num1.value、num3.value ... 均未定义，您的事件处理程序在使用它们之前不会重新评估它们。 从一开始，只需console.log您正在做什么或期望找到事情开始困惑的地方!
还有未定义的 result_count (初始值已更正)；
关于javascript - 创建乘法输入并继续除法，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48335133/