First Attempt Final

js/app.js

@@ -0,0 +1,101 @@
+import Speller from "./speller.js";
+
+
+if (/complete|interactive|loaded/.test(document.readyState)) {
+	ready();
+}
+else {
+	document.addEventListener("DOMContentLoaded",ready);
+}
+
+
+// ****************************
+
+function ready(){
+	var enterWordEl = document.getElementById("enter-word");
+	var spellBtn = document.getElementById("spell-btn");
+	var wordSpellingEl = document.getElementById("word-spelling");
+
+	enterWordEl.addEventListener("keydown",onKeydown,false);
+	spellBtn.addEventListener("click",checkWord,false);
+
+
+	// ********************************
+
+	function onKeydown(evt) {
+		if (evt.key == "Enter") {
+			checkWord();
+		}
+	}
+
+	function checkWord() {
+		var inputWord = enterWordEl.value.toLowerCase().trim();
+		enterWordEl.value = inputWord;
+
+		// validate the input
+		if (!/^[a-z]{3,}$/.test(inputWord)) {
+			alert("Enter a word at least 3 letters long!");
+			return;
+		}
+
+		// attempt to spell word
+		var symbols = Speller.check(inputWord);
+
+		// was a valid spelling found?
+		if (symbols.length > 0) {
+			enterWordEl.value = "";
+			spellWord(symbols);
+		}
+		else {
+			wordSpellingEl.innerHTML = "<strong>-- couldn't spell it! --</strong>";
+		}
+	}
+
+	function spellWord(symbols) {
+		wordSpellingEl.innerHTML = "";
+
+		for (let symbol of symbols) {
+			let elementEntry = Speller.lookup(symbol);
+			let elementDiv = document.createElement("div");
+			elementDiv.className = "element";
+			elementDiv.innerHTML = `
+				<div class="number">${elementEntry.number}</div>
+				<div class="symbol">${elementEntry.symbol}</div>
+				<div class="name">${elementEntry.name}</div>
+			`;
+			wordSpellingEl.appendChild(elementDiv);
+		}
+	}
+}
+
+// TEST WORDS
+//
+// [
+//   "accept","access","accessibilities","accrete","accrual","accuracy","accuse","aces","ache",
+//   "acids","acne","acorn","action","agitation","agnostic","ago","alimony","alpacas","america",
+//   "american","amish","amputate","amputation","aspirin","attention","auction","autistic","bacon",
+//   "ballistic","banana","band","bane","bank","baptism","barf","base","bay","bears","because",
+//   "beers","berserk","body","bone","bonfire","boo","boy","brain","brains","bro","brunch","bunch",
+//   "burn","busy","butane","cacti","cafe","camp","can","candy","candycane","canine","cannibal",
+//   "cap","car","cheers","china","chocolate","clock","coffees","cone","cook","counts","cover","cow",
+//   "coy","coyote","cufflinks","cuisine","cup","cute","cuteness","cyborg","cyclic","cyclone",
+//   "cynics","dyes","dynamic","dynamite","dynamo","dynasties","dysfunctional","erosion","erotic",
+//   "erupt","essence","faces","false","fat","fear","feline","fence","fetish","fibs","final","fire",
+//   "flash","flog","flow","fog","forever","fraction","frog","frolic","fry","fun","function",
+//   "functional","functions","fusion","gala","gasp","gear","gene","generation","genesis","genius",
+//   "hack","hacker","hackers","halos","harp","has","hats","heat","heinous","helicopter","heretic",
+//   "honk","hook","hose","hundreds","hymn","hymnal","hyperbolic","icky","icon","inclines","inspire",
+//   "insulin","iron","irresponsibilities","kick","kind","knife","knits","know","krypton","lab",
+//   "lady","lifespan","lips","lubrication","lucky","mock","mockery","more","motion","mouse","neon",
+//   "nits","notification","nun","osmosis","ostentatious","pancreas","papyrus","patcher","patchier",
+//   "phone","physics","pirate","play","player","poacher","poison","police","polish","posh","pounds",
+//   "preparer","pretender","psychic","puffer","raccoon","rage","recluse","rescues","researh",
+//   "resin","responsibilities","retina","reunite","reverse","rhubarb","rub","ruby","ruin","run",
+//   "rune","rush","sack","sag","salvation","sarcasm","sassy","satin","scallion","scandal","scares",
+//   "scotch","septic","sickness","siphon","skunk","sniper","snowy","soccer","sociopath","spam",
+//   "span","spin","sure","tavern","taxes","teach","team","tetanus","tether","that","thin","think",
+//   "tick","ticklish","under","unicorns","union","unreal","use","utah","vaccine","vampire","verse",
+//   "violin","virus","viscosities","voice","vote","war","wash","wasp","watch","water","what","when",
+//   "who","wife","wise","witch","with","won","wonder","wonky","yams","yards","yarn","yikes","you",
+//   "youth","yucky"
+// ]