wetter-api2.php


Quell Code


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
 <div class="row">
  <div class="col-sm-12 offset-sm-0 col-lg-10 offset-lg-1 col-xl-8 offset-xl-2">
   <div id="box">
    <div id="search">
     <form>
      <div class="input-group">
       <input class="form-control input-lg" type="text" id="autocomplete" placeholder="Show me the weather in..." onfocus="this.placeholder = ''" onblur="this.placeholder = 'Show me the weather in...'" />
       <div class="input-group-btn">
        <button id="searchButton" class="btn btn-info btn-md" type="submit">
				<i class="fas fa-search"></i>
			 </button>
     </form>
     <button id="findMe" class="btn btn-info btn-md"><i class="fa fa-location-arrow" aria-hidden="true"></i> Find Me</a>
			 </button>
     </div>
     </div>
    </div>
    <div id="spacer"></div>
    <div id="units">
     <input type="checkbox" id="unitsToggle" data-toggle="toggle" data-on="°C" style="line-height: 25px;" data-off="°F" data-onstyle="default" data-offstyle="default" data-size="mini" data-width="75" data-height="40">
    </div>
    <div id="info">
     <div id="localTime">Local Time:</div>
     <div id="time"></div>
     <div id="city"></div>
     <div id="description"></div>
			
			<div class='currentWeather'>
      <div id='icon' class='icon'></div>
    
     <div class='temp'></div>
     <div id="currentDetails">
      <div id="humidity"></div>
      <div id="visibility"></div>
      <div id="pressure"></div>
      <div id="sunrise"></div>
      <div id="sunset"></div>
     </div>
	 		</div>
			<div id='todaysForecast'>
			<div id='aboveHourly'>
					<div id='day'></div>
					<div id='today'>Today</div>
				</button>
					<div id='highLowContain'>
				<div class='high'></div>
				<div class='low'></div>
				</div>
					 </div>
				
     <div id='hourlyForecast' class='collapse.show in'></div>
			</div>
    </div>
   </div>
  </div>
 </div>