-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
99 lines (93 loc) · 3.74 KB
/
index.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
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
<!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">
<link rel="stylesheet" href="style.css">
<title>Wordle</title>
</head>
<body>
<br>
<br>
<h1 class="Main-title"> Word Masters </h1>
<p style="text-align: center;">Scroll to learn more about the game or start playing right away.</p>
<hr class="first">
<br>
<div class="wordle">
<!-- attempt1 -->
<div class="row">
<div class="letter"></div>
<div class="letter"></div>
<div class="letter"></div>
<div class="letter"></div>
<div class="letter"></div>
</div>
<!-- attempt2 -->
<div class="row">
<div class="letter"></div>
<div class="letter"></div>
<div class="letter"></div>
<div class="letter"></div>
<div class="letter"></div>
</div>
<!-- attempt3 -->
<div class="row">
<div class="letter"></div>
<div class="letter"></div>
<div class="letter"></div>
<div class="letter"></div>
<div class="letter"></div>
</div>
<!-- attempt4 -->
<div class="row">
<div class="letter"></div>
<div class="letter"></div>
<div class="letter"></div>
<div class="letter"></div>
<div class="letter"></div>
</div>
<!-- attempt5 -->
<div class="row">
<div class="letter"></div>
<div class="letter"></div>
<div class="letter"></div>
<div class="letter"></div>
<div class="letter"></div>
</div>
<!-- attempt6 -->
<div class="row">
<div class="letter"></div>
<div class="letter"></div>
<div class="letter"></div>
<div class="letter"></div>
<div class="letter"></div>
</div>
</div>
<div>
<h3>About the Game:</h3>
<ul>
<li>There is a secret five letter word chosen</li>
<li>Players have six guesses to figure out the secret word. After six guesses, they lose (Word masters heading turns red)</li>
<li>Only valid words will be considered as guesses</li>
<li>Use backspace to delete the last character and press Enter to validate the five letter word.</li>
<li>Enter will only work if the five letter word typed is valid.</li>
<li>If the player guesses a letter that is in the right place, it is shown as <span class="green">green</span></li>
<li>If the player guesses a letter that is in the word but not in the right place, it is shown as <span class="yellow">yellow</span> </li>
<li>It does account for however many of the letter exist in the word. For example, if the player guesses "SPOOL" and the word is "OVERT", one "O" is shown as yellow and the second one is not.</li>
<li>If the player guesses the right word, the player wins (rainbow animation is shown in the wordmasters title)and the game is over.</li>
<li>Game works only on a pc</li>
<li>click once on it and you can type using keyboard</li>
<li>The word changes daily. Come again next day.😊</li>
</ul>
</div><br><br>
<br><br>
<br>
<div class="footer">
<p>Created on : 28-12-2022
<br> Developed with ❤ by Sriram
</p>
</div>
<script src="main.js"></script>
</body>
</html>