/* * > Coded By Thomas Hj * > 31102016 * * > #31 */ // Word selection // New word = ["Word name", "Hint"] var word = [["Hangman", "That game you are playing right now."], ["Thomas Hj", "About the creator of this game."], ["HTML", "Markup language for creating Web pages."], ["CSS", "Wep page styles"], ["PHP", "A very popular server scripting language."], ["JavaScript", "Make web-page dynamic without reload the web page."], ["Java", "Run 15 billion devices.\nA program can be run in Windows, Linux and Mac"], ["SoloLearn", "A company that everyone can code for fun and share."], ["Love", "What is ?\nBaby don't hurt me\nDon't hurt me\nNo more"], ["Document", "A lot of text in the a file."], ["Playground", "There school kids go to."], ["Run", "Usain bolt."], ["Code", "var hw = 'Hello World';"], ["Samsung", "A company create Phone, Tv, Monitor, SDD, Memory chip..."], ["Super Mario", "A very popular game in Nintendo 64 that have red hat."], ["Star", "Super Mario like to get."], ["Clock", "14:12 or 14pm"], ["Binary Clock", "A clock that only use 0 or 1."], ["Sword", "Link from Zelda have on the hand."], ["Girl", "Not boy but ?"], ["Boy", "Not girl but ?"], ["Female", "Other name as girl."], ["Male", "Other name as boy."], ["Smartphone", "Something you've always on you."]] // Game keyboard var tastatur = "ABCDEFGHIJKLMNOPQRSTUVWXYZ" // Game memory var select = 0 var wordLeft = [] var fail = 0 // Web-page onload window.onload = function() { gId("moveKeybord").addEventListener('touchmove', function(e) { wH = window.innerHeight tY = e.touches[0].clientY eL = gId("tastatur") resY = wH - tY - eL.offsetHeight if(resY < 0) { resY = 0 } else if(resY > wH / 2) { resY = wH / 2 } eL.style.bottom = resY + "px" }, false) createTastur() } // Start game function startGame() { gId("home").className = "h" gId("result").className = "h" newGame() } // New game function newGame() { clearTastatur() clearPlayer() createWord() } // Clear keyboard function clearTastatur() { var e = document.getElementsByClassName("b") for(a = 0; a < e.length; a++) { e[a].setAttribute("data", "") } } // Clear player function clearPlayer() { fail = 0 wordLeft = [] gId("g0").setAttribute("data", "false") gId("g1").setAttribute("data", "false") gId("g2").setAttribute("data", "false") gId("g3").setAttribute("data", "false") gId("g4").setAttribute("data", "false") gId("g5").setAttribute("data", "false") gId("g5").setAttribute("r", "false") gId("g5").setAttribute("l", "false") gId("g6").setAttribute("data", "false") gId("g6").setAttribute("l", "false") gId("g6").setAttribute("r", "false") gId("hintButton").setAttribute("data", "false") gId("hint").style.display = "none" } // Get new word function createWord() { var d = gId("letter") d.innerHTML = "" select = Math.floor(Math.random() * word.length) for(a = 0; a < word[select][0].length; a++) { var x = word[select][0][a].toUpperCase() var b = document.createElement("span") b.className = "l" + (x == " " ? " ls" : "") b.innerHTML = " " b.id = "l" + a; d.appendChild(b) if(x != " ") { if(wordLeft.indexOf(x) == -1) { wordLeft.push(x) } } } } // Create keyboard function createTastur() { var tas = gId("keybord") tas.innerHTML = "" for(a = 0; a < tastatur.length; a++) { var b = document.createElement("span") b.className = "b" b.innerText = tastatur[a] b.setAttribute("data", "") b.onclick = function() { bTas(this) } tas.appendChild(b) } } // Game check, If show next error / game end function bTas(a) { if(a.getAttribute("data") == "") { var x = isExist(a.innerText) a.setAttribute("data", x) if(x) { if(wordLeft.length == 0) { gameEnd(true) } } else { showNextFail() } } } // If letter "X" exist function isExist(e) { e = e.toUpperCase() var x = wordLeft.indexOf(e) if(x != -1) { wordLeft.splice(x, 1) typeWord(e) return true } return false } // Show next fail drawing function showNextFail() { fail++ switch(fail) { case 1: gId("g0").setAttribute("data", "true") break; case 2: gId("g1").setAttribute("data", "true") break; case 3: gId("g2").setAttribute("data", "true") break; case 4: gId("g3").setAttribute("data", "true") gId("hintButton").setAttribute("data", "true") break; case 5: gId("g4").setAttribute("data", "true") break; case 6: gId("g5").setAttribute("data", "true") break; case 7: gId("g5").setAttribute("l", "true") break; case 8: gId("g5").setAttribute("r", "true") break; case 9: gId("g6").setAttribute("data", "true") gId("g6").setAttribute("l", "true") break; case 10: gId("g6").setAttribute("r", "true") gameEnd(false) break; } } function typeWord(e) { for(a = 0; a < word[select][0].length; a++) { if(word[select][0][a].toUpperCase() == e) { gId("l" + a).innerText = e } } } // Game result function gameEnd(e) { var d = gId("result") d.setAttribute("data", e) if(e) { gId("rT").innerText = "You Win!" gId("rM").innerHTML = "Congratulations, you found the word!

Good Job!" } else { gId("rT").innerText = "You Lose!" gId("rM").innerHTML = "The word was

\"" + word[select][0].toUpperCase() + "\"

Better luck next time." } d.className = "" } // Show hint function hint() { gId("hintText").innerText = word[select][1] gId("hint").style.display = "block" } // Exit hint function hintExit() { gId("hint").style.display = "none" } // Get HTML ID element by name function gId(a) { return document.getElementById(a) }

Hangman (Game)