簡體   English   中英

JavaScript:結合函數,腳本和按鈕

[英]JavaScript: Combining functions and scripts and buttons

我正在通過SAMS在24小時內學習JavaScript。 第三課的末尾有一個額外的練習,將第2課中的攝氏到華氏度與第3課中的功能和按鈕結合在一起。我能夠成功完成第2課和第3課中的Try It練習。

第二課

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

第三課

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM