Skip to content

Commit e2fe241

Browse files
eswarbhageeratheswarbhageerath
authored
Add files via upload
1 parent 62d83de commit e2fe241

19 files changed

+640
-0
lines changed

‎Coin Tosser/Authenticity.html

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<!Doctype html>
2+
<html>
3+
4+
<head>
5+
<link rel="stylesheet" href="coinStyling.css">
6+
</link>
7+
</head>
8+
<body id="authenticityBody">
9+
<div class="wrapper">
10+
<a href="settings.html"><img src="pictures/back.png" class="corner"></a>
11+
<button type="button" id="restore">Reset</button>
12+
<h2 class="settingsHeader">Authenticity Settings</h2>
13+
<div id="wrapper">
14+
<label class="container">Always Heads
15+
<input type="radio" id="alwaysHeads" name="radio">
16+
<span class="checkmark"></span>
17+
</label>
18+
<label class="container">Always Tails
19+
<input type="radio" id="alwaysTails" name="radio">
20+
<span class="checkmark"></span>
21+
</label>
22+
<label class="container">Fair
23+
<input type="radio" id="fair" name="radio">
24+
<span class="checkmark"></span>
25+
</label>
26+
</div>
27+
</div>
28+
</body>
29+
<script src="allJavaScript.js"></script>
30+
</html>

‎Coin Tosser/allJavaScript.js

+232
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,232 @@
1+
window.onload = function() {
2+
var page = window.location.href;
3+
//Mega Functions:
4+
5+
//flip() - Runs all the newCoin.html functions
6+
// newflip() - flips the coin
7+
// setFace()- Changes the coin face
8+
9+
//clearStorage() - Runs settings.html funcrtions
10+
// removeAllStorage() - Clears all local storage
11+
12+
//getFace() - Runs all coinFaces.html Functions
13+
// setCoinStorage() - Sets local storage coin value
14+
// removeCoinStorage() - Removes local coin storage value
15+
16+
//Authenticity() - runs all Authenticity.html code
17+
18+
// document.getElementById("coinBody").addEventListener("load", everything());
19+
// document.getElementById("settingsBody").addEventListener("load", everything());
20+
// document.getElementById("facesBody").addEventListener("load", everything());
21+
// document.getElementById("authenticityBody").addEventListener("load", everything());
22+
23+
if (page.includes("newCoin.html")) {
24+
console.log("flip()");
25+
flip();
26+
} else if (page.includes("settings.html")) {
27+
console.log("clearStorage()");
28+
clearStorage();
29+
} else if (page.includes("coinFaces.html")) {
30+
console.log("getFace()");
31+
getFace();
32+
} else if (page.includes("Authenticity.html")) {
33+
console.log("auth()");
34+
Authenticity();
35+
}
36+
37+
38+
function flip() {
39+
document.getElementById("button").addEventListener("click", newflip);
40+
console.log("hello");
41+
42+
function newflip() {
43+
if (localStorage.getItem("headsChecked") == "true") {
44+
console.log("Heads");
45+
var element = document.getElementById("newCoin");
46+
element.classList.remove("Heads", "Tails");
47+
48+
setTimeout(function() {
49+
element.classList.toggle("Heads", true);
50+
}, 100);
51+
52+
} else if (localStorage.getItem("tailsChecked") == "true") {
53+
console.log("Tails");
54+
var element = document.getElementById("newCoin");
55+
element.classList.remove("Heads", "Tails");
56+
57+
setTimeout(function() {
58+
element.classList.toggle("Tails", true);
59+
}, 100);
60+
61+
} else {
62+
console.log("fair");
63+
var coinResult = Math.floor(Math.random() * 2);
64+
var element = document.getElementById("newCoin");
65+
element.classList.remove("Heads", "Tails");
66+
67+
setTimeout(function() {
68+
if (coinResult == 0) {
69+
element.classList.toggle("Heads", true);
70+
71+
} else {
72+
element.classList.toggle("Tails", true);
73+
}
74+
}, 100)
75+
}
76+
document.getElementById("newCoin").addEventListener("webkitAnimationStart", () => {
77+
document.getElementById("result").innerHTML = (". . .");
78+
});
79+
document.getElementById("newCoin").addEventListener("webkitAnimationEnd", () => {
80+
document.getElementById("result").innerHTML = element.className;
81+
});
82+
}
83+
84+
//Change Coin Face Script
85+
var i = 0;
86+
console.log("past var");
87+
console.log(i);
88+
if (document.getElementById("coinBody")) {
89+
console.log("alive");
90+
} else {
91+
console.log("not");
92+
}
93+
94+
if (document.getElementById("coinBody")) {
95+
console.log("started");
96+
while (i <= 1) {
97+
console.log("inside");
98+
if (localStorage.getItem("coinHeads") !== null && localStorage.getItem("coinTails") !== null) {
99+
document.getElementById("heads").src = localStorage.getItem("coinHeads");
100+
document.getElementById("tails").src = localStorage.getItem("coinTails");
101+
console.log("works");
102+
i++;
103+
} else {
104+
console.log("Doesnt work");
105+
i++;
106+
}
107+
console.log("ended");
108+
}
109+
};
110+
111+
}
112+
//Reset All Button Script
113+
114+
// } else if (page.includes("settings.html")){
115+
function clearStorage() {
116+
document.getElementById("restore").addEventListener("click", removeAllStorage);
117+
118+
function removeAllStorage() {
119+
localStorage.clear();
120+
console.log("cleared local storage");
121+
localStorage.setItem("fair", "true");
122+
}
123+
}
124+
//Change Coin Face Script
125+
// } else if (page.includes("coinFaces.html")){
126+
function getFace() {
127+
var coin;
128+
document.getElementById("pound").addEventListener("click", () => {
129+
coin = "pound";
130+
console.log(coin);
131+
setCoinStorage();
132+
});
133+
document.getElementById("twoFace").addEventListener("click", () => {
134+
coin = "twoface";
135+
console.log(coin);
136+
setCoinStorage();
137+
});
138+
139+
140+
function setCoinStorage() {
141+
localStorage.setItem("coinHeads", "pictures/" + coin + "-heads.png");
142+
localStorage.setItem("coinTails", "pictures/" + coin + "-tails.png");
143+
console.log(coin);
144+
console.log(localStorage.getItem("coinHeads"))
145+
}
146+
document.getElementById("restore").addEventListener("click", removeCoinStorage);
147+
148+
function removeCoinStorage() {
149+
localStorage.clear("coinHeads", "coinTails");
150+
console.log("cleared local storage");
151+
}
152+
}
153+
154+
//Authenticity settings
155+
// } else if (page.includes("Authenticity.html")){
156+
function Authenticity() {
157+
var input = document.getElementById("wrapper");
158+
var alwaysHeads = document.getElementById("alwaysHeads");
159+
var alwaysTails = document.getElementById("alwaysTails");
160+
var fair = document.getElementById("fair");
161+
if (localStorage.getItem("headsChecked") == "" && localStorage.getItem("tailsChecked") == "") {
162+
localStorage.setItem("fair", "true");
163+
fair.checked = localStorage.getItem("fair");
164+
}
165+
//sets the "always heads" checkbox to checked if it should be
166+
alwaysHeads.checked = localStorage.getItem("headsChecked");
167+
//checks if the checkbox is true, if yes sets a localstorage item "headsChecked" to true,
168+
//if not, sets it to nothing
169+
if (alwaysHeads.checked == true) {
170+
localStorage.setItem("headsChecked", "true");
171+
alwaysHeads.checked = localStorage.getItem("headsChecked");
172+
} else {
173+
localStorage.setItem("headsChecked", "");
174+
}
175+
//whenever any of the boxes are clicked, check if alwaysheads is checked or not.
176+
wrapper.addEventListener("click", () => {
177+
if (alwaysHeads.checked == true) {
178+
localStorage.setItem("headsChecked", "true");
179+
alwaysHeads.checked = localStorage.getItem("headsChecked");
180+
} else {
181+
localStorage.setItem("headsChecked", "");
182+
}
183+
});
184+
//same as above, but with tails
185+
186+
alwaysTails.checked = localStorage.getItem("tailsChecked");
187+
if (alwaysTails.checked == true) {
188+
localStorage.setItem("tailsChecked", "true");
189+
alwaysTails.checked = localStorage.getItem("tailsChecked");
190+
} else {
191+
localStorage.setItem("tailsChecked", "");
192+
}
193+
194+
wrapper.addEventListener("click", () => {
195+
if (alwaysTails.checked == true) {
196+
localStorage.setItem("tailsChecked", "true");
197+
alwaysTails.checked = localStorage.getItem("tailsChecked");
198+
} else {
199+
localStorage.setItem("tailsChecked", "");
200+
}
201+
});
202+
203+
console.log(localStorage.getItem("headsChecked"));
204+
console.log(localStorage.getItem("tailsChecked"));
205+
206+
fair.checked = localStorage.getItem("fair");
207+
if (fair.checked == true) {
208+
localStorage.setItem("fair", "true");
209+
fair.checked = localStorage.getItem("fair");
210+
} else {
211+
localStorage.setItem("fair", "");
212+
}
213+
214+
wrapper.addEventListener("click", () => {
215+
if (fair.checked == true) {
216+
localStorage.setItem("fair", "true");
217+
fair.checked = localStorage.getItem("fair");
218+
} else {
219+
localStorage.setItem("fair", "");
220+
}
221+
});
222+
223+
document.getElementById("restore").addEventListener("click", removeStorage);
224+
225+
function removeStorage() {
226+
localStorage.clear("alwaysHeads", "alwaysTails", "fair");
227+
console.log("cleared local storage");
228+
localStorage.setItem("fair", "true");
229+
fair.checked = localStorage.getItem("fair");
230+
}
231+
}
232+
}

‎Coin Tosser/coinFaces.html

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!Doctype html>
2+
<html>
3+
4+
<head>
5+
<link rel="stylesheet" href="coinStyling.css">
6+
</link>
7+
</head>
8+
9+
<body id="facesBody">
10+
<div class="wrapper">
11+
<a href="settings.html"><img src="pictures/back.png" class="corner"></a>
12+
<button type="button" id="restore">Reset</button>
13+
<h2 class="settingsHeader">Coin Faces</h2>
14+
<img src="pictures/pound.png" id="pound" class="coin">
15+
<p class="label">One Pound Coin</p>
16+
17+
<img src="pictures/twoface.png" id="twoFace" class="coin">
18+
<p class="label">Two Face Coin (DC Comics)</p>
19+
</div>
20+
</body>
21+
<script src="allJavaScript.js"></script>
22+
</html>

0 commit comments

Comments
 (0)