JavaScript: объединение функций, скриптов и кнопок - PullRequest
0 голосов
/ 22 февраля 2019

Я прохожу через SAMS Learn JavaScript за 24 часа.В конце третьего урока есть дополнительное упражнение для объединения градусов Цельсия в градусы Фаренгейта из Урока 2 с функциями и кнопками из Урока 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>

Не могли бы вы мне помочь?

1 Ответ

0 голосов
/ 22 февраля 2019

Определенно есть лучшие способы сделать это.Но вот решение для цели этого урока.Я старался не менять слишком много вашего кода.Проверьте фрагмент ниже.

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)">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...