This is the first GA project - Hang Man
What makes your project stand out? I have a rather simple code to sort through good guesses and bad guess. I have tightly intergated my code, and have tested it with words that have multiple same letters. I have a cheat for the users at refresh.
Code Example
This code has the capabilities of taking an array of random words via an API or with minimal modification, an array. After that is complete, there are a few functions that are called to take input from a user to guess letters on the letter pad and disable that button from being called again. Once the guesses are made the letter is then sorted between a True if it is included or a False if it isn't included in the word.
if(word.includes(letter)){
If the letter is in the word, the code will populate the letter in the solution boxes in the correct location given the word being solved. And will loop through the whole word as some words have repeating letters. This will continue until all letters are solved, and once solved, the letter board will disappear, and "You Win!!" will appear. To Play again click the play again button.
for (let index = 0; index < word.length; index++) {
if(letter == word[index]){
goodCounter ++
concat = `#block${index}`
var position = document.querySelector(concat)
position.innerText = letter
if(word.length == goodCounter){
// disable all keys
// display no keys and populate message.
clearkeyboard(`You Win!!!! Solution - ${word}`)
// No more errors left
var div = document.querySelector(".errors")
div.innerText = ""
}
If the letter isn't in the word, the code will populate a piece of the hangman, it will also decrement the Errors remaining. If the errors exceed 9 tries (the amount of body parts and tree pieces), the letter board will disapear, and "You Lose!!" with the word, will apear, and the game will be over. To play again, you will click on the play again button, or refresh the page.
}else{
errorCounter ++
errorLeft = 9 - errorCounter
var div = document.querySelector(".errors")
div.innerText = errorLeft
let picInc = `${errorCounter+1}.jpeg`
document.querySelector(".hmpic").src = picInc;
if(errorLeft === 0){
clearkeyboard(`You Loose!!!! Solution - ${word}`)
Installation You will need to navigate your web browser to the following link. https://mh44698.github.io/firstproject.io/
API Reference The API I used was rather simple.
-- Update fetch("https://xkubist-random-word-v1.p.rapidapi.com/run.cgi", { "method": "GET", "headers": { "x-rapidapi-host": "xkubist-random-word-v1.p.rapidapi.com", "x-rapidapi-key": "9e3dc6f827mshb4b7b898f5a0129p1941f4jsn120129c5a8fd", "probability_selection": "", "length_selection": "", "word_selection": "", "language_selection": "" } }) .then(res => res.json())
This API is much faster in response and also after testing has a very stable key structure, that is more reliable.
How to use? This is fairly straight forward. Click on refresh and start hitting random letters until your mind has developed more educated guesses. This will sharpen your skills as you continue to play.
Contribute Feel free to submit pull requests that take into consideration the base code as a structure for operations and any enhancements should be those that improve either performance or fix known issues. I will review changes and incorperate them as necessary.
Credits I have been blessed with the oppurtunity to develop this code with the help of my General Assembly mentors, as a member of the SEIR-1118 cohert, my peers have been very helpful. I also have been lucky enough to learn to code JScript in the days of Google. The following Links have helped get me past some very big hurdles.
Sources: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random
https://www.computerhope.com/issues/ch001709.htm
https://teamtreehouse.com/community/elementappendchild-returning-error-appendchild-is-not-a-function
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/includes
License Holmes' Hangman is not copywrited, trademarked, or protected in any way. Take what you want and leave what you may, and have a great day.
GA © Mark Holmes