Question

我正在阅读24小时内的SAMS学习JavaScript书。第三课的末尾有一个额外的练习，将第2课中的摄氏到华氏温度与第3课中的功能和按钮结合在一起。我能够成功完成第2课和第3课中的Try It练习...

第2课

<!DOCTYPE html>
<html>
<head>
    <title>Fahrenheit From Celsius</title>
</head>
<body>
    <script>
    var cTemp = 100; // temperature in Celsius
    var hTemp = ((cTemp * 9) /5 ) + 32;
    document.write("Temperature in Celsius: " + cTemp + " degrees<br/>");
    document.write("Temperature in Fahrenheit: " + hTemp + " degrees");
</script>

第3课

<!DOCTYPE html>
<html>
<head>
<title>Calling Functions</title>
<script>
    function buttonReport(buttonId, buttonName, buttonValue) {
        var userMessage1 = "Button id: " + buttonId + "\n";
        var userMessage2 = "Button name: " + buttonName + "\n";
        var userMessage3 = "Button value: " + buttonValue;
        alert(userMessage1 + userMessage2 + userMessage3);
    }
</script>

但是我坚持将两者结合。

锻炼结合两个：

根据第2课的代码编写一个函数，以摄氏温度值作为参数，并以华氏温度返回等效温度。

在具有三个按钮的HTML页面中测试您的功能，单击三个按钮时，分别将10、20和30摄氏度的值传递给该功能。

我在这里...（减去标题，标题和HTML标记）

    function temp(10, 20, 30) {
        var hTemp1 = ((temp * 9) /5 ) + 32;
        var hTemp2 = ((temp * 9) /5 ) + 32;
        var hTemp3 = ((temp * 9) /5 ) + 32;
        alert(hTemp1, hTemp2, hTemp3);
    }
</script>

</head>
<body>
<input type="button" value="10 X Celsius" onclick = hTemp1>
<input type="button" value="20 X Celsius" onclick = hTemp2>
<input type="button" value="30 X Celsius" onclick = hTemp3>

你能帮我吗？

Answer 1

肯定有更好的方法可以做到这一点。但这是本课目的的解决方案。我试图不更改太多代码。查看下面的代码段。

function toF(cTmp) {
  return cTmp * 9 / 5 + 32
}

function alertF(tmp) {
  alert(toF(tmp))
}

<input type="button" value="10" onclick="alertF(10)">
<input type="button" value="20" onclick="alertF(20)">
<input type="button" value="30" onclick="alertF(30)">

JavaScript：结合函数，脚本和按钮

1 个答案: