JavaScriptMovieCalendar/index.html at master · ikegee/JavaScriptMovieCalendar · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript Movie Calendar</title>
    <link rel="stylesheet" href="calendar.css" media="all">
    <script type="module" src="calendar.js"></script>
</head>
<body>
<div id="wrapper">
    <div id="header">
        <h3>JavaScript Movie Calendar</h3>
    </div>
    <div id="container">
        <div id="calendar">
            <div id="displayTitle"></div>
            <div id="dateDisplay"></div>
        </div>
        <div id="details" aria-live="polite">
            <div id="detailTitle">
                <h3>Show Details</h3>
            </div>
        </div>
        <div id="navigation">
            <div id="navSearch" class="inactive">
                <label for="day" class="navInput">Day: </label>
                <input type="text" id="day" class="navInput" title="Enter Day" placeholder="Enter Day">
                <label for="month" class="navInput">Month: </label>
                <input type="text" id="month" class="navInput" title="Enter Month" placeholder="Enter Month">
                <label for="year" class="navInput">Year: </label>
                <input type="text" id="year" class="navInput" title="Enter Year" placeholder="Enter Year">
                <button type="button" id="setDateSubmit" class="nav">Set Date</button>
            </div>
            <div id="navButtons" class="active">
                <button type="button" id="previous" class="nav">&lt;&lt; Previous</button>
                <button type="button" id="weekMonth" class="nav">Month / Week</button>
                <button type="button" id="goToDate" class="nav">Go To</button>
                <button type="button" id="search" class="nav">Search</button>
                <button type="button" id="next" class="nav">Next &gt;&gt;</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>