weather-app.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Weather App</title>
    <link href="weather_app.css" rel="stylesheet"/>
    <script type="text/javascript"
        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC5bwreCZGKc3hKUdkfd_3TEfmSoN9OfNY">
        </script>
</head>

<body>
    <div id="header">
        <div><h1>SK Weather App</h1></div>
        <div>
                <input type="text" id="city" placeholder="Enter city name" />
                <button onclick="mainGetWeather()">Show Weather</button>
        </div>
    </div>
    <div id="container">
        <div id="map_div">
            <div id="map"></div>
        </div>
        <div id="todaysWeather">
            <div class="leftDiv">
                <img src="https://purepng.com/public/uploads/large/weather-forecast-symbol-v7o.png" width="200px"/>
                <h1>Todays Weather<br> Forcast</h1></div>
            <div class="rightDiv">
                <div id="div1"></div>
                <div id="div2">
                    <div id="data_div"></div>
                </div>
        </div>
    </div>
    <div id="finalDiv">
        <h1 style="text-align: center;">Weather Data For Week</h1><br>
        <div id="weekData">
        
        </div>
    </div>
    
</body>

</html>

<script src="weather_app.js">
    
</script>