[英]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.