文章/答案/技术大牛

发布

社区首页 >问答首页 >JavaScript:将函数、脚本和按钮组合起来

问JavaScript:将函数、脚本和按钮组合起来
EN

Stack Overflow用户

提问于 2019-02-22 00:37:23

回答 1查看 287关注 0票数 1

我将在24小时内阅读SAMS的学习JavaScript。第三课的结尾有一个额外的练习，把第二课的摄氏到华氏温度和第三课的函数和按钮结合起来。我成功地完成了第二课和第三课中的“试试看”练习。

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

但我不得不把两者结合起来。

将两者结合起来的练习：

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

在一个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>

你能帮帮我吗？

javascript

function

button

回答 1

Stack Overflow用户

发布于 2019-02-22 01:00:23

肯定有更好的方法。但是，这里有一个解决方案，为本课的目的。我尽量不改变你的代码太多。看看下面的片段。

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/54818347

复制

相似问题

问JavaScript:将函数、脚本和按钮组合起来
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript:将函数、脚本和按钮组合起来EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript:将函数、脚本和按钮组合起来
EN