Page 312 - MDP2022-3

< i f r a m e
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6325.925109043142!2d126.9640772
5390624!3d37.555946000000006!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca266e3947
003%3A0xe7be97c172b7af6a!2z7ISc7Jq47Jet!5e0!3m2!1sko!2skr!4v1660875450531!5m2!1sko!2skr"
width="550" height="820" style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div style="border: 10px solid black; float: left; width: 33%; height: 95%">
<h1><a href="/">버스안내판</a></h1>
<img src="{{url_for('static',filename='img/wher.png')}}" width="300px" height="300px"><br><br>

<li><a href="/1">버스노선 검색</a> </li><br>
<li><a href="/2">정류소 버스도착예정정보</a> </li><br>
<li><a href="/3">실시간 버스위치</a> </li>
<h2>실시간 버스위치</h2>

<form action="whereurl">
<label for="bus">Bus Id : </label>
<input type="id" name="id" value="" required>
<input type="submit" value="Submit">
</form>

</div>
<div style="border: 10px solid black; float: left; width: 30%; height: 95%">
<script>
function setClock(){
var dateInfo = new Date();
var hour = modifyNumber(dateInfo.getHours());
var min = modifyNumber(dateInfo.getMinutes());
var sec = modifyNumber(dateInfo.getSeconds());
var year = dateInfo.getFullYear();
var month = dateInfo.getMonth()+1;
var date = dateInfo.getDate();
document.getElementById("time").innerHTML = hour + ":" + min + ":" + sec;
document.getElementById("date").innerHTML = year + "년 " + month + "월 " + date + "
일";
}
function modifyNumber(time){
if(parseInt(time)<10){
return "0"+ time;
}
else
return time;
}
window.onload = function(){
setClock();
setInterval(setClock,1000);
}
</script>
<div id="time" class="time"></div>
<div id="date" class="date"></div><br><br><br>

<section>
<form action="https://search.naver.com/search.naver">
<div class="search" style="display: inline">
<input type="text" name="query" value="">

<button class="custom-btn btn-1">검색</button>
</div>