Javascript 简单计算脚本的问题

我正在尝试为我的网站制作一个非常简单的计算器

基本上，我希望人们能够将他们的体重输入到文本框中，单击计算剂量，然后脚本将他们的体重乘以我将为每个页面设置的数字

这是我现在拥有的。它不仅不起作用，而且还阻止我的一个广告显示：

<div>
<input id="inputweight" type="text" />
<input type="button" value="Calculate Dose" onClick="calculate()">
<input id="result" />
</div>

<script>

    function calculate() {
    var weight = document.getElementById('inputweight').value;
    var result = document.getElementById('result'); 
    var dosage = weight.value * 1;
    result.value = dosage;

}
</script>

---

有什么问题吗？

您的按钮中缺少关闭标签/>

<input type="button" value="Calculate Dose" onClick="calculate()"/>

所以你不需要这个var剂量=weight.value*1

因此，使用var剂量=重量*1

这一行：

var weight = document.getElementById('inputweight').value;

这是：

var dosage = weight.value * 1;

合作不好。您正在检索该值，然后该值。。。这是行不通的。 因此，将第二行替换为：

var dosage = weight * 1;

此外：你应该检查控制台的错误，它应该显示在那里

---

我假设，或者更准确地猜测，不再工作的广告会停止，因为javascript执行通常会在出现错误后终止。

只需更新这一行即可删除上面已提取的value属性：

var dosage = * 1;

这将起作用，但您可能还希望添加此项以提高类型安全性，因为它将权重解析为一个数字：

var dosage = parseInt(weight, 10) * 1;

---

在代码块中，在第二条输入语句的末尾缺少结束/结束符。这应该给你一个问题，在你的html

<input type="button" value="Calculate Dose" onClick="calculate()"/>

---

Fiddle演示修改后的示例：

函数计算{ var-weight=document.getElementById'inputweight'。值； var result=document.getElementById'result'； var剂量=重量*1； 结果值=剂量； }

---

wight已经是一个数值，因此它没有。值参数var DARGETY=weight*1；检查控制台日志以调试应用程序。多亏了你的建议，我成功地让它工作起来：我想有人用它来关闭我的服务器，所以它必须运行：@JackTorrance我看不出有人会滥用这个小脚本吗？但我很高兴我能帮上忙！

var dosage = parseInt(weight, 10) * 1;

<input type="button" value="Calculate Dose" onClick="calculate()"/>

var dosage = weight * 1;