2

私の宿題は、JavaScript コードを使用して HTML ページを作成し、ユーザーから現在の気象条件を取得して、気象に基づく推奨事項を出力することです。コードを正しく記述したと思いますが、コードはテキスト フィールドに何も出力しません。代わりに、Chrome から次のエラー メッセージが表示されますUncaught TypeError: object is not a function。このエラーがわかりません。これがコードです。あなたが私に与えることができるどんな助けにも感謝します.

<!DOCTYPE HTML>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Weather Recommendation</title>

<script type="text/JavaScript">
function weather() {
    //Get the user input
    var condition = document.weather.condition.value;

    //Choose the output
    var output;
    if (condition == "snow") {
        output = "go south";
    }
    else if (condition == "rain") {
        output = "don't forget your umbrella";
    }
    else if (condition == "wind") {
        output = "don't forget your jacket";
    }
    else if (condition == "fog") {
        output = "don't drive";
    }
    else if (condition == "sun") {
        output = "skip school, go hiking";
    }

    //Display the output
    document.weather.recommendation.value = output;
}
</script>
</head>

<body>
<form name="weather">
    Weather condition <input type="text" name="condition" size="8"><br>
    <button type="button" onclick="weather()">Recommendation</button>
    <input type="text" name="recommendation" readonly>
</form>
</body>
</html>
4

1 に答える 1

1

@ Pietu1998 は正しかった。weather() を呼び出したときに、フォーム名にアクセスしようとしていました。理由はわかりませんが、名前を変更するとうまくいきました。

<script type="text/javascript">
function yourWeather() {
    //Get the user input
    var condition = document.weather.condition.value;

    //Choose the output
    var output;
    if (condition == "snow") {
        output = "go south";
    }
    else if (condition == "rain") {
        output = "don't forget your umbrella";
    }
    else if (condition == "wind") {
        output = "don't forget your jacket";
    }
    else if (condition == "fog") {
        output = "don't drive";
    }
    else if (condition == "sun") {
        output = "skip school, go hiking";
    }

//Display the output
document.weather.recommendation.value = output;


}
</script>
</head>

<body>
<form name="weather">
    Weather condition <input type="text" name="condition" size="8"><br>
    <button type="button" onclick="yourWeather()">Recommendation</button>
    <input type="text" name="recommendation" readonly>
</form>

お役に立てれば。

于 2013-11-14T19:43:19.607 に答える