JavaScript:组合函数以及脚本和按钮



我正在经历24小时书中的SAMS学习JavaScript。第三课的结尾有一个额外的练习,可以将摄氏摄氏摄氏和华氏度结合在一起,以及第3课的功能和按钮。我能够成功完成2和3课程的尝试练习。

课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>

你能帮我吗?

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

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)">

最新更新