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>