-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·120 lines (114 loc) · 4.76 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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html>
<head>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9412830355165984"
crossorigin="anonymous"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-0E422M1LQE"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-0E422M1LQE');
</script>
<meta content="text/html;charset=UTF-8, width=device-width, initial-scale=1.0" , http-equiv="Content-Type">
<!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'"> -->
<title>Wordle The Odds</title>
<link rel="stylesheet" href="style.css">
</head>
<!-- <body style="background-color: black; color:darkgray;width: auto;"> -->
<body>
<h1>Wordle The Odds</h1>
<h2>About</h2>
This little applet is built with Rust/WASM and JavaScript.
I wanted to know the odds of picking the right word based on
the letters that I had in the right place and the letters I
found that are contained in the wordle puzzle.
<h2>Directions</h2>
In the boxes below, place the letters that are in the correct position.
Don't place anything in the boxes where you've not selected letters.
For the "Found Letters" place the letters that have been found but
are not in the right place.
<br>
<br>
<form>
<h3>Correct Letters Placed</h3>
<br>
<div id="correct_input_container">
<input class="correct_input" type="text" id="first_placed" maxlength="1">
<input class="correct_input" type="text" id="second_placed" maxlength="1">
<input class="correct_input" type="text" id="third_placed" maxlength="1">
<input class="correct_input" type="text" id="fourth_placed" maxlength="1">
<input class="correct_input" type="text" id="fifth_placed" maxlength="1">
</div>
<br>
<h3>Incorrect Letters Placed</h3>
If you want to further refine the odds, select the incorrect letters below:
<br>
<br>
<div id="incorrect_input_container">
<button id="q_button" type="button">Q</button>
<button id="w_button" type="button">W</button>
<button id="e_button" type="button">E</button>
<button id="r_button" type="button">R</button>
<button id="t_button" type="button">T</button>
<button id="y_button" type="button">Y</button>
<button id="u_button" type="button">U</button>
<button id="i_button" type="button">I</button>
<button id="o_button" type="button">O</button>
<button id="p_button" type="button">P</button>
<br>
<br>
<button id="a_button" type="button">A</button>
<button id="s_button" type="button">S</button>
<button id="d_button" type="button">D</button>
<button id="f_button" type="button">F</button>
<button id="g_button" type="button">G</button>
<button id="h_button" type="button">H</button>
<button id="j_button" type="button">J</button>
<button id="k_button" type="button">K</button>
<button id="l_button" type="button">L</button>
<br>
<br>
<button id="z_button" type="button">Z</button>
<button id="x_button" type="button">X</button>
<button id="c_button" type="button">C</button>
<button id="v_button" type="button">V</button>
<button id="b_button" type="button">B</button>
<button id="n_button" type="button">N</button>
<button id="m_button" type="button">M</button>
</div>
<br>
<br>
<h3>All letters found, but not in the right place</h3><input class="found_input" type="text" id="found_letters"
maxlength="5">
</form>
<p><button class="submit_button" id="submit_button">Submit</button></p>
<h3>Odds of guessing the word are</h3><br>
<div style="font-size: x-large;">1 in <label id="results_value">00</label> of the correct answers.</div>
<br>
<br>
<h3>Word Frequency Results (up to 50)</h3><br>
<br>
<div style="margin-left: auto; margin-right: auto; font-size: x-large; text-align: center; width: 150px; align-self: center; height: 200px; overflow: auto;" id="word_freq_results">
<table id="freq_table"></table>
</div>
<br>
<br>
<br>
<h3>Word list updated: 2022.09.17</h3>
<h3>Changelog:</h3>
<br>
<br>- 2022.09.17 - Updated word list from NYTimes.
<br>- 2022.03.12 - Fixing HTML layout.
<br>- 2022.03.11 - Added a word frequency distribution table to help provide insight in to commonality of words that are
left. Details on the distribution being used are here: <a
href=https://github.com/rspeer/wordfreq>wordfreq</a><br><br>
<br>- 2022.03.05 - Added the option to select incorrect picks to help reduce the odds presented.
<br>
<a href="https://github.com/n0manarmy/wordle_the_odds"
target="_blank">https://github.com/n0manarmy/wordle_the_odds</a>
<script type="module" src="interface.js"></script>
</body>
</html>