Skip to content

Commit ff5dc46

Browse files
avichaigavichaig
committed
demo code changed
dom click replased with event listener
1 parent 06d46a2 commit ff5dc46

File tree

1 file changed

+72
-0
lines changed
  • Allfiles/Mod03/Democode/Lesson02/HtmlDOMSample/HtmlDOMSample

1 file changed

+72
-0
lines changed

‎Allfiles/Mod03/Democode/Lesson02/HtmlDOMSample/HtmlDOMSample/index.html‎

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>HTML Basic</title>
7+
<link href="/Content/Site.css" rel="stylesheet" type="text/css" />
8+
<link href="/Content/bootstrap.min.css" rel="stylesheet" type="text/css" />
9+
<script src="/Scripts/modernizr-2.6.2.js"></script>
10+
</head>
11+
<body>
12+
<div class="navbar navbar-inverse navbar-fixed-top">
13+
<div class="container">
14+
<div class="navbar-header">
15+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
16+
<span class="icon-bar"></span>
17+
<span class="icon-bar"></span>
18+
<span class="icon-bar"></span>
19+
</button>
20+
21+
</div>
22+
<div class="navbar-collapse collapse">
23+
<ul class="nav navbar-nav"></ul>
24+
</div>
25+
</div>
26+
</div>
27+
28+
<div class="container body-content">
29+
<form>
30+
<fieldset>
31+
<legend>
32+
Enter your details
33+
</legend>
34+
<ol>
35+
<li>
36+
<label>
37+
<strong>Full name</strong>
38+
<br />
39+
<input type="text" name="UserName" />
40+
</label>
41+
</li>
42+
<li>
43+
<label>
44+
Telephone number
45+
<br />
46+
<input type="text" name="Phone" />
47+
</label>
48+
</li>
49+
<li>
50+
<label>
51+
Email Address
52+
<br />
53+
<input type="text" name="Email" />
54+
</label>
55+
</li>
56+
<li>
57+
<label>
58+
My hobbies
59+
</label>
60+
<div id="hobbiesList">
61+
<input type="text" name="hobby" class="hobbiesInput" />
62+
<button type="button" id="newHobbyBtn">Add hobby</button>
63+
</div>
64+
</li>
65+
</ol>
66+
</fieldset>
67+
<input type="submit" value="Check my details" />
68+
</form>
69+
</div>
70+
<script src="/Scripts/IndexScript.js"></script>
71+
</body>
72+
</html>

0 commit comments

Comments
 (0)