-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
52 lines (50 loc) · 3.57 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html lang="ko">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<title>버짱버짱 오늘의 급식</title>
</head>
<body class="w-100 m-auto">
<main class="m-auto mt-5 m-auto" align="center" style="width:500px;">
<h1 class="fs-2 fw-bold">버짱버짱 오늘의 급식</h1>
<div id="todaysLunch">
<p id="title">오늘의 급식은?</p>
</div>
<div id="container">
<p id="menuList" class="">급식을 불러오는중...</p>
</div>
<div id="schoolList">
<label id="listLabel" for="schoolSelect"></label>
<select id="schoolSelect" onchange="getMealInfo(this.value.split(',')[0], this.value.split(',')[1])">
<option value="0">학교를 선택하세요</option>
</select>
</div>
<div id="otherschoolcheak">
<label>다른 학교 급식 확인하기:</label>
<label for="schoolnameinput"></label><input type="text" id="schoolnameinput" onkeyup="if(window.event.keyCode===13){schoolNameInput()}">
<br>
<label for="dateinput">날짜 선택:</label>
<!-- <button id="goToday" class="btn btn-white btn-sm border border-2" onclick="setDate()">오늘로</button>-->
<input type="date" id="dateinput" value="" onkeyup="if(window.event.keyCode===13){schoolNameInput()}">
<button class="btn btn-white btn-sm border border-2" onclick="schoolNameInput()">확인하기</button>
<br>
<label class="m-2">
<button onclick="schoolNameInput('아름고등학교')" class="areum-hi btn btn-sm">아름고등학교</button>
<button onclick="schoolNameInput('아름중학교')" class="areum-mi btn btn-sm">아름중학교</button>
<button onclick="schoolNameInput('탄방중학교')" class="tanbang-mi btn btn-sm">탄방중학교</button>
<button onclick="schoolNameInput('인하대학교사범대학부속고등학교')" class="industrial-mi btn btn-sm">인하대학교사범대학부속(중)고등학교</button>
<button onclick="schoolNameInput('어은중학교')" class="eoeun-mi btn btn-sm">어은중학교</button>
</label>
</div>
<p class="fw-lighter text-muted" style="font-size: 11px">급식정보는 정확하지 않을 수 있으며<br>정확한 정보는 학교에서 확인하시기 바랍니다</p>
<p class="fw-lighter text-muted" style="font-size: 11px">developed by <a class="text-reset" href="https://github.com/overjjang">overjjang</a></p>
</main>
<script src="skript.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
</body>
</html>