-
Notifications
You must be signed in to change notification settings - Fork 0
/
script3.js
91 lines (74 loc) · 3.72 KB
/
script3.js
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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
var css = document.querySelector("h3");
var color1 = document.querySelector(".color1");
var color2 = document.querySelector(".color2");
var body = document.getElementById("gradient");
var quotes = [
'<i>The Way Get Started Is To Quit Talking And Begin Doing. </i><strong>Walt Disney</strong>',
'<i>The Pessimist Sees Difficulty In Every Opportunity. The Optimist Sees Opportunity In Every Difficulty. </i><strong>Winston Churchill</strong>',
"<i>Don’t Let Yesterday Take Up Too Much Of Today. </i><strong>Will Rogers</strong>",
"<i>You Learn More From Failure Than From Success. Don’t Let It Stop You. Failure Builds Character. </i><strong>Unknown</strong>",
"<i>It’s Not Whether You Get Knocked Down, It’s Whether You Get Up. </i><strong>Inspirational Quote By Vince Lombardi</strongr>",
'<i>If You Are Working On Something That You Really Care About, You Don\’t Have To Be Pushed. The Vision Pulls You. </i><strong>Steve Jobs</strong>',
'<i>People Who Are Crazy Enough To Think They Can Change The World, Are The Ones Who Do. </i><strong>Rob Siltanen</strong>',
'<i>Failure Will Never Overtake Me If My Determination To Succeed Is Strong Enough. </i><strong>Og Mandino</strong>',
'<i>Entrepreneurs Are Great At Dealing With Uncertainty And Also Very Good At Minimizing Risk. That\’s The Classic Entrepreneur. </i><strong>Mohnish Pabrai</strong>',
'<i>We May Encounter Many Defeats But We Must Not Be Defeated. </i><strong>Maya Angelou</strong>',
'<i>Knowing Is Not Enough; We Must Apply. Wishing Is Not Enough; We Must Do. </i><strong>Johann Wolfgang Von Goethe</strong>',
'<i>Imagine Your Life Is Perfect In Every Respect; What Would It Look Like? </i><strong>Brian Tracy</strong>'
]
function setGradient() {
body.style.background =
"linear-gradient(to right, "
+ color1.value
+ ", "
+ color2.value
+ ")";
css.textContent = body.style.background + ";";
}
color1.addEventListener("input", setGradient);
color2.addEventListener("input", setGradient);
// RANDOMIZE BACKGROUND BUTTON (WORK IN PROGRESS!!)
function randomizeSelect(selectId, fieldId) {
var options = document.getElementById(selectId).children;
var random = Math.floor(options.length * (Math.random() % 1));
var option = options[random];
option.selected = true;
document.getElementById(fieldId).value = option.innerHTML; // You can use .value instead in both places
}
var values = {};
window.onload = function(e) {
document.onchange = function(e) { // Event Delegation: http://davidwalsh.name/event-delegate
var t = e.target;
if(t.tagName == "SELECT")
document.getElementById(t.id.replace("Select","Label")).value = t.children[t.selectedIndex].innerHTML;
}
document.oninput = function(e) {
var t = e.target;
if(t.tagName == "INPUT") {
if(values.hasOwnProperty(t.id))
var options = values[t.id];
else
var options = document.getElementById(t.id.replace("Label","Select")).children;
var currentValue = t.value;
for(i in options) {
if(options[i].innerHTML == currentValue) { // Can also use .value
options[i].selected = true;
break;
}
}
}
}
document.getElementById("randomize").onclick = function(e) {
randomizeSelect("leftSelect", "leftLabel");
randomizeSelect("rightSelect", "rightLabel");
}
}
// RANDOM QUOTE BUTTON
function newQuote() {
var randomQuote = Math.floor(Math.random() * (quotes.length));
document.getElementById('quoteDisplay').innerHTML = quotes[randomQuote];
}
// RANDOM NUMBER BUTTON
function getRndInteger(min, max) {
return Math.floor(Math.random() * (max - min)) + min;
}