-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathQuoteGenerator.html
35 lines (29 loc) · 1.88 KB
/
QuoteGenerator.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>This is a quote generator for tough times and procrastination</title>
</head>
<link href="firstSiteStyling.css" rel="stylesheet" />
<link rel="icon" href="NEW LOGO.png">
<h1><a href="https://habadolad.github.io/">Home Page</a></h1>
<title>quoteGenerator</title>
<h1>Are you a: Perfectionist? Dreamer? Defier? Worrier? Crisis-maker? Overdoer or Underdoer?</h1>
<body>
<!-- The div works as a divider for HTML docs, id attribute is an identifier so Javascript can easily grab and manipulate it-->
<!-- In this case, we will use JavaScript to grab the element with the id “quoteDisplay” to place quotes within the <div> element.-->
<div id="quoteDisplay">
<!-- Hopefully quote displays over here-->
<!-- After that, we create a <button> element with an onclick attribute with “newQuote()” passed in as a parameter. -->
<!-- button element allows me to create , the on click attribute is used to set a function to the button, so that every time you click on the button, it will run the function that was passed into the <button>’s onclick attribute.-->
</div>
<button onclick="quoteRandomizer()">Quote Randomizer</button>
<h2>However, if you've gone through all the quotes (quotes>100) and are still on his page!
STOP YOURSELF! BEGIN WHATEVER YOU WANT TO DO AND FAIL AT IT!
Write that song! Shave your face! Hit the gym! Use that dating app! Write Hello world ! Start a Youtube channel! </h2>
<!--So hopefully, everytime you click on the button, it will run the function quoteRandomizer(), the function will be defined in the JS script-->
</body>
<script src="QuotegeneratorJS.js" type="text/javascript"></script>
</html>