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