外出た瞬間雨降ってくるアプリ

外出する前にこのアプリを開いて、雨が降るかどうかを確認しましょう！
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>外出た瞬間雨降ってくるアプリ</title>
</head>
<body>
    <h1>外出た瞬間雨降ってくるアプリ</h1>
    <p>外出する前にこのアプリを開いて、雨が降るかどうかを確認しましょう！</p>
    
    <button onclick="checkWeather()">外出する</button>
    
    <script>
        function checkWeather() {
            // 天気APIのエンドポイント
            var apiUrl = "https://api.weatherapi.com/v1/current.json?key=YOUR_API_KEY&q=TOKYO";
            
            // 天気データを取得する
            fetch(apiUrl)
                .then(response => response.json())
                .then(data => {
                    // 天気情報を取得
                    var weather = data.current.condition.text;
                    
                    // 天気情報を表示
                    alert("現在の天気: " + weather);
                    
                    // ジョークを表示
                    if (weather.includes("rain")) {
                        alert("外出た瞬間雨が降り出します！持ち物を忘れずに！");
                    }
                })
                .catch(error => {
                    console.log(error);
                    alert("天気の情報を取得できませんでした。");
                });
        }
    </script>
</body>
</html>