create index.js file b00tc4mp#264

staff/tarek-blkraiet/shapes/hangman/index.js

@@ -0,0 +1,87 @@
+const body = new Component
+body.container = document.body
+
+const title = new Component('h1')
+title.setText('hangman')
+body.add(title)
+
+const startForm = new startForm
+
+startForm.onSubmit(words => {
+    sessionStorage.secret = words
+
+    body.remove(startForm)
+
+    const charBoxes = new charBoxes(words)
+
+    body.add(charBoxes)
+
+    const guessForm = new guessForm
+
+    const charsUsed = []
+    let assertionsCount = 0
+    let failsCount = 0
+
+    guessForm.onSubmit(char => {
+        if (charsUsed.includes(char)) {
+            alert('character was already used. Try with another one.')
+
+            return
+        }
+        charsUsed.push(char)
+
+        let charFound = false
+        for (const i in sessionStorage.secret) {
+            const currentChar = seesionStorage.secret[i]
+
+            if (currentChar === char) {
+                charFound = true
+
+                charBoxes.showChar(i)
+
+                assertionsCount++
+            }
+        }
+        if (charFound) {
+            if (assertionsCount === seesionStorage.secret.length) {
+                setTimeout(function () {
+                    alert('You win')
+
+                    body.remove(charBoxes)
+                    body.remove(guessForm)
+                    body.remove(hangman)
+
+                    body.add(startForm)
+                }, 100)
+            }
+
+            return
+        }
+        failsCount++
+
+        hangman.setFails(failsCount)
+
+        if (failsCount === 6) {
+            setTimeout(function () {
+                alert('Game Over.')
+
+                body.remove(charBoxes)
+                body.remove(guessForm)
+                body.remove(hangman)
+
+                body.add(startForm)
+            }, 100)
+        }
+
+
+    })
+
+    body.add(guessForm)
+
+    const hangman = new hangman(150, 200)
+    hangman.setLocation(100, 300)
+
+    body.add(hangman)
+})
+
+body.add(startForm)