Restaurant-Lab-Exercises/JavascriptLab2_Restaurant_Code.html at master · StartupInstitute/Restaurant-Lab-Exercises · 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
<!DOCTYPE html>

<head>
<!-- Adding Boostrap core CSS for the dropdown customization -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
</head>

<body>
<div class="container">
	<!-- This is the menu table -->
	<div class="panel panel-default">
		<!-- This is the table heading -->
		  <div class="panel-heading">Menu Items</div>

		  <!-- This is the table contents -->
		  <table class="table" id="Menu">

			<tr>
			<td>Appetizers</td>
			<!-- Note these cells have ids assigned -->
			<td id="app1">Soup</td>
			<td id="app2">Salad</td>
			</tr>
			<tr>
			<td>Mains</td>
			<td>Pasta</td>
			<td>Steak</td>
			</tr>
		</table>
	</div>

	<!-- This button, on click or when pressed, will trigger the javascript function called changeText -->
	<p>
	<input type="button" onclick="javascript:changeText(1); return false;" value="Summer Specials">
	</p>
</div>
<!--How would you link the JS code to the HTML?-->
	<!--**ADD CODE HERE**-->
</body>
</html>