/
index.html
29 lines (29 loc) · 1.22 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
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Anagram helper</title>
<link rel="stylesheet" type="text/css" href="anagramHelper.css"/>
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.3.min.js"></script>
</head>
<body>
<h1>Anagram helper</h1>
<p>Are you making anagrams by hand and have a hard time keeping track of the letters you used? This tool is here
to help!</p>
<p>Provide a source text, start typing your anagram, and it'll tell you which characters you can and cannot use.
It removes the characters you used from the source so you can see which ones are left, and it warns you when
you're trying to use a character that's not in the source.</p>
<p>It's case-insensitive, and only cares about alphanumeric characters.</p>
<fieldset>
<legend><label for="source">Source text</label></legend>
<textarea id="source"></textarea>
</fieldset>
<button id="toggle">Edit anagram</button>
<fieldset>
<legend><label for="anagram">Desired anagram</label></legend>
<textarea id="anagram" disabled></textarea>
</fieldset>
<div id="message">This page needs JavaScript to work.</div>
<script type="text/javascript" src="anagramHelper.js"></script>
</body>
</html>