Skip to content

Commit 5aa72eb

Browse files
GregCartGregCart
committed
the basis
0 parents  commit 5aa72eb

File tree

8 files changed

+414
-0
lines changed

8 files changed

+414
-0
lines changed

‎.idea/.gitignore

Lines changed: 3 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/HTML-JS-Examples.iml

Lines changed: 9 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/misc.xml

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/modules.xml

Lines changed: 8 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/vcs.xml

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎Hangman.html

Lines changed: 162 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,162 @@
1+
<html>
2+
<head>
3+
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
4+
<title>Hangman</title>
5+
<script src="jquery.js"></script>
6+
<script src="jquery-3.2.1.min.js"></script>
7+
<style>
8+
.divider {
9+
width:15px;
10+
height:auto;
11+
display:inline-block;
12+
}
13+
14+
.home-line1 {
15+
display: inline;
16+
}
17+
18+
button {
19+
background-color:#ff8000;
20+
}
21+
22+
textarea {
23+
width:25px;
24+
height:30px;
25+
display:inline-block;
26+
text-align:center;
27+
vertical-align: middle;
28+
font-size: 16px;
29+
border: none;
30+
resize:none;
31+
font-weight:bold;
32+
text-decoration:underline;
33+
text-transform:uppercase;
34+
}
35+
36+
#Espace {
37+
width:auto;
38+
height:50px;
39+
}
40+
41+
#EwBank {
42+
width:500px;
43+
height:100px;
44+
vertical-align:top;
45+
}
46+
</style>
47+
<script>
48+
$(document).ready(function() {
49+
$("#example").hide();
50+
$("#bExample").hover(function() {
51+
$(this).focus();
52+
$(this).css("background-color", "#00cc99");
53+
}, function(){
54+
$(this).css("background-color", "#ff8000");
55+
});
56+
$("#bExample").click(function () {
57+
$("#home").hide();
58+
$("#example").show();
59+
60+
var fruit = ["my","favorite","fruit","is","strawberry"];
61+
localStorage.setItem("example", fruit);
62+
63+
64+
function brakeExWords() {
65+
var fragment = document.createDocumentFragment();
66+
for (var i = 0; i < fruit.length; i++) {
67+
var word = fruit[i];
68+
var word1 = word.toUpperCase();
69+
for (var k = 0; k < word1.length; k++) {
70+
var res = word1.charAt(k);
71+
var txtArea = document.createElement("TEXTAREA");
72+
txtArea.setAttribute("placeholder", "_");
73+
txtArea.setAttribute("maxlength", "1");
74+
txtArea.setAttribute("id", "TxtE" + i + "" + k);
75+
txtArea.addEventListener("change", verifyEx);
76+
// txtarea.onchange = verifyEx;
77+
fragment.appendChild(txtArea);
78+
}
79+
var d = document.createElement("DIV");
80+
d.setAttribute("class", "divider");
81+
fragment.appendChild(d);
82+
}
83+
printExLetter(fragment);
84+
}
85+
86+
function printExLetter(fragment) {
87+
var box = document.getElementById("Ewords");
88+
box.appendChild(fragment);
89+
}
90+
91+
brakeExWords();
92+
93+
});
94+
95+
function verifyEx() {
96+
var fruit = localStorage.getItem("example");
97+
var EwR = fruit.split(",");
98+
for (var i = 0; i < fruit.length; i++) {
99+
var Eword = EwR[i];
100+
var Eword1 = Eword.toUpperCase();
101+
for (var k = 0; k < Eword1.length; k++) {
102+
var exLetter = document.getElementById("TxtE" + i + "" + k);
103+
if (exLetter != null && exLetter != undefined && exLetter.value != "") {
104+
var res = Eword1.charAt(k);
105+
var v = exLetter.value;
106+
var eL = v.toUpperCase();
107+
if (res != eL) {
108+
var wrong = document.createTextNode(eL + ", ");
109+
var Ebank = document.getElementById("EwBank").value;
110+
if (Ebank == "") {
111+
var nEbank = eL + ", ";
112+
document.getElementById("EwBank").value = nEbank;
113+
exLetter.value = "";
114+
alert("Incorrect Lettter: " + eL + "!");
115+
} else{
116+
var nEbank = Ebank + eL + ", ";
117+
document.getElementById("EwBank").value = nEbank;
118+
exLetter.value = "";
119+
alert("Incorrect Lettter: " + eL + "!");
120+
}
121+
} else {
122+
continue;
123+
}
124+
} else {
125+
continue;
126+
}
127+
}
128+
}
129+
}
130+
131+
$("#bPlay").hover(function() {
132+
$(this).focus();
133+
$(this).css("background-color", "#00cc99");
134+
}, function(){
135+
$(this).css("background-color", "#ff8000");
136+
});
137+
138+
$("#bMyWords").hover(function() {
139+
$(this).focus();
140+
$(this).css("background-color", "#00cc99");
141+
}, function(){
142+
$(this).css("background-color", "#ff8000");
143+
});
144+
145+
});
146+
</script>
147+
</head>
148+
<body>
149+
<div id="home">
150+
<div id="Example" class="home-line1"><button id="bExample" value="Example">Example</button></div>
151+
<div id="playG" class="home-line1"><button id="bPlay" value="Play!">Play!</button></div>
152+
<div id="myWords" class="home-line1"><button id="bMyWords" value="My Words">My Words</button></div>
153+
<div id="settings" class="home-line2"><button id="Bsettings">Setings</button></div>
154+
</div>
155+
<div id="example">
156+
<div id="Ewords"></div> <div id="Eman"></div>
157+
<div id="Espace"></div>
158+
<div id="Ebank"><input type="textarea" id="EwBank" value="" disabled></input></div>
159+
<div id="Eback"><button id="EbBack" value="back">Back</button></div>
160+
</div>
161+
</body>
162+
</html>

‎jquery.js

Lines changed: 4 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)