-
Notifications
You must be signed in to change notification settings - Fork 1
/
script.js
201 lines (154 loc) · 5.6 KB
/
script.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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
"use strict";
//display user name
let uname = prompt("Enter your name here")
const x = document.querySelector("#hello");
function displayName(username) {
if (username === null || username.length == 0) {
x.innerHTML = "Hello, ";
} else {
x.innerHTML = `Hello, ${username}`;
}
}
displayName(uname)
//Guess Game
//random numb is assigned a # b/w 1 and 50 using this math algorithm
let randomNumber = Math.floor(Math.random() * 50) + 1;
//these const store a ref to the result paras in the HTML and uses to insert values into paras later in the code
const guesses = document.querySelector(".guesses");
const lastResult = document.querySelector(".lastResult");
const lowHi = document.querySelector(".lowHi");
//these const store refs to the form text input and submit button and control submitting the guess
const guessSubmit = document.querySelector(".guessSubmit");
const guessField = document.querySelector(".guessField");
//these two variables store a guess count of 1 and a reference to the reset button
let guessCount = 0; // sets the count to 1 - is this the players 1st go, sets guess paragraph to prev guesses
let resetButton;
function checkGuess() {
const userGuess = Number(guessField.value); //declare var & sets the val to crrent val inside txt field, run it thru Num to make sure its a num
if (guessCount === 1) {
guesses.textContent = "Previous guesses: ";
}
guesses.textContent += `${userGuess} `;
console.log(userGuess);
if (userGuess === randomNumber) { //checks if user guess is = to random num if yes they win
lastResult.textContent = "Yay, you guessed correct!";
lowHi.textContent = "";
setGameOver();
} else if (guessCount === 6) { // checks if this is users last turn
lastResult.textContent = "Whomp Whomp Whomp, you lost."; //if so, they lost
lowHi.textContent = "";
setGameOver();
} else {
lastResult.textContent = "";
if (userGuess < randomNumber) { //if not they get either of these messages
lowHi.textContent = "your guess is Too Low, take it up a notch";
} else if (userGuess > randomNumber) {
lowHi.textContent = "your guess is Too High, take it down a notch";
}
}
guessCount++; //this adds 1 to the users turn til they get to 6 guesses and empties the value out to focus the txt form field again
guessField.value = "";
guessField.focus();
guesses.style.boxShadow = '3px 3px 6px black';
lowHi.style.boxShadow = '3px 3px 6px black';
lastResult.style.boxShadow = '3px 3px 6px black';
}
checkGuess()
guessSubmit.addEventListener("click", checkGuess); //adds an event listener to the guessSubmit button
function setGameOver() {
guessField.disabled = true;
guessSubmit.disabled = true;
let butt = document.querySelector("#butt");
resetButton = document.createElement('button');
resetButton.textContent = "Start New Game";
butt.append(resetButton);
resetButton.addEventListener("click", resetGame);
}
function resetGame() {
guessCount = 1;
const resetParas = document.querySelectorAll(".resultParas p");
for (const resetPara of resetParas) {
resetPara.textContent = "";
}
resetButton.parentNode.removeChild(resetButton);
guessField.disabled = false;
guessSubmit.disabled = false;
guessField.value = "";
guessField.focus();
randomNumber = Math.floor(Math.random() * 50) + 1;
}
//Mini game about me
let score = 0
function quizGame() {
let school = prompt("Did I go to Marymount for undergrad?")
if (school.toLowerCase() == "yes" || school.toLowerCase() == "y") {
alert("Correct");
score++;
//console.log("correct answer is yes")
}
else {
alert("Incorrect, you should read.");
}
let work = prompt("Did I work at COOP Careers?")
if (work.toLowerCase() == "yes" || work.toLowerCase() == "y") {
alert("Correct");
score++;
//console.log("correct answer is yest")
}
else {
alert("Incorrect, are you sure you read?");
}
let hood = prompt("Did I live in Paris?")
if (hood.toLowerCase() == "no" || hood.toLowerCase() == "n") {
alert("Correct");
score++;
//console.log("correct answer is no")
}
else {
alert("Incorrect, it's too dirty");
}
let hobby = prompt("Am I interested in The Arts?")
if (hobby.toLowerCase() == "yes" || hobby.toLowerCase() == "y") {
alert("Correct");
score++;
//console.log("correct answer is yes")
}
else {
alert("Incorrect");
}
let active = prompt("Do I like sports?")
if (active.toLowerCase() == "no" || active.toLowerCase() == "n") {
alert("Correct, too boring");
score++;
//console.log("correct answer is no")
}
else {
alert("Incorrect");
}
alert("Thank you " + uname + "! You made a " + score + "/5.");
}
function quizGame2(){
//let yes = prompt("Can you guess my 4 favorite colors?");
let answers = ["green", "purple", "black", "pink"];
let ua = [""];
for(let i = 0; i < 4; i++) {
ua.push(prompt("Can you guess my 4 favorite colors?"));
}
console.log(ua);
let correct = false;
//loop through user ans
for (let i = 0; i < ua.length; i++) { //check user answer against correct ans
for (let j = 0; j < answers.length; j++) {
if(ua[i].toLowerCase() == answers[j]){
correct = true;
break;
}else if (ua[i] != answers[j]) {
}
}
if(correct) {
alert(ua[i] + " is correct");
} else {
alert(ua[i] + " is not correct");
}
}
}