-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
55 lines (42 loc) · 2.38 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
53
54
55
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <link rel="stylesheet" type="text/css" href="normalize.css"> -->
<link rel="stylesheet" type="text/css" href="main.css">
<title>M. S.</title>
</head>
<body>
<div id="container">
<style type="text/css">
#container {
color: purple;
background-color: #d8da3d }
</style>
<h2>CLIENT4.1: Intro to jQuery</h2>
<h3>Skills</h3>
<ol class="list-spaced">
<li>Create an HTML page with a button.</li>
<li>Add a click event handler so that when you cick the button a message is printed to the console.</li>
<li>Change the behavior of the click handler to <a href="http://api.jquery.com/append/" target="_blank">append</a> some text to the body element.</li>
<li>Add another button with a click handler that appends an h1 element with some text to the body element.</li>
<li>Add another button with a click handler that append an unordered list with three list items to the body element.</li>
<li>Create an HTML page with some filler content including some paragraphs, headings, and links.</li>
<li>When a paragraph is moused over, turn the text of that paragraph pink.</li>
<li>Add an exclamation point to the end of each heading.</li>
<li>When a link is clicked, confirm that the user wants to navigate to that url. If the user clicks OK, allow the default behavior of the link to be executed. If the user clicks cancel, <b>cancel</b> the default browser behavior by specifying <code>return false;</code>.</li>
<li>When a link is clicked and the user chooses not to go to the url, remove the link from the DOM.</li>
</ol>
<h4>Bonus</h4>
<p>Create an HTML page with one, giant button in the center.</p>
<p>When the giant button is clicked, a 'popup' is created. The popup is simply a div containing some HTML content, which has a class applied making it appear with <code>position: fixed</code> in the middle of the page.</p>
<p>The popup should not exist in your HTML page. It is created entirely with jQuery.</p>
<p>Add a close button to the popup. When clicked, the popup should becremoved from the DOM.</p>
<p>Make sure the giant button still works to create a popup even after onecis opened and closed.</p>
</ol>
</div>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="main2.js"></script>
</body>
</html>