时间戳

首页 > 解决方案 > 如何将功能转换为可用按钮？

javascript - 如何将功能转换为可用按钮？

问题描述

我正在尝试获取按钮来计算摄氏度值并通过函数将它们转换为华氏度。我所尝试的一切都没有像我希望的那样奏效。按钮的值应该是要转换为华氏度的摄氏度值。

我尝试在函数中定义参数（button1、2 和 3），更改 HTML 中的 onclick，更改变量名称，并仔细检查所有内容。

HTML

<input type="button" name="button1" value="10" onclick="conversion1;" />
<input type="button" name="button2" value="20" onclick="conversion2" />
<input type="button" name="button3" value="30" onclick="conversion3" />

JavaScript

function conversion (button1, button2, button3) {
  var conversion1 = ((button1 * 9) / 5) + 32;
  var conversion2 = ((button2 * 9) / 5) + 32;
  var conversion3 = ((button3 * 9) / 5) + 32;
}

var conversionInput = conversion(10, 20, 30);

我希望输出是三个单独的按钮，单击它们时，会根据它们的值显示它们各自的华氏温度转换。

标签： javascript

解决方案

一个函数就足以根据按钮本身的值计算所有这些：

单击按钮后，结果将显示在一个跨度中（如果您在其他地方需要它，您也可以返回该值）：

function conversion(temp) {
    document.getElementById('result').innerHTML = ((temp * 9) / 5) + 32;
}
<input type="button" name="button1" value="10" onclick="conversion(this.value);" />
<input type="button" name="button2" value="20" onclick="conversion(this.value);" />
<input type="button" name="button3" value="30" onclick="conversion(this.value);" />

Result: <span id="result"></span>

推荐阅读