prompting the JavaScript hangman game to identify the letters in the "selected word"

Question

prompting the JavaScript hangman game to identify the letters in the "selected word"

Currently, I am on a mission to teach myself Javascript and have taken on the challenge of creating a simple hangman game. This type of project is commonly used in interviews or tests, so it seemed like a great opportunity for practice. My approach involves using Math.random to select a word from a list of options, then utilizing the prompt feature to guess the letters of the chosen word. However, I have hit a roadblock as I am struggling to get the prompt to recognize my input correctly. Any assistance you can provide would be greatly appreciated.


var secretWords = ["batman", "Donkey kong", "ninja", "programming"];
var chosenWord = secretWords[Math.floor(Math.random() * secretWords.length)];
var guesses = 8;
var letters = chosenWord.length
var guess = prompt("GUESS A LETTER");

alert(chosenWord);

for (var i = 0; i <= letters; i++) {
letters[i] = chosenWord.substring(i, i++)
}
if (guess = i) {
alert("nice")
} else {
alert("Wrong");
}

javascript prompt

Answer 1

Answer №1

Your loop variable, denoted as i, represents the position in the chosen word being compared with the guessed letter. Once the loop finishes iterating through all the letters, i will hold the final value of the last letter index. Instead of comparing against this final value, it is essential to continuously compare throughout the looping process.

var secretWords = ["apple", "banana", "orange", "kiwi"];
var chosenWord = secretWords[Math.floor(Math.random()*secretWords.length)];
var guesses = 6;
var letters = chosenWord.length;
var guess = prompt("GUESS A LETTER");

var found = false;
for (var i = 0; i < letters; i++){
    if (guess == chosenWord.substring(i, i + 1))
        found = true;
}
if (found) {
    alert("Correct!");
}
else {
    alert("Incorrect");
}

Answer 2

Your loop variable, denoted as i, represents the position in the chosen word being compared with the guessed letter. Once the loop finishes iterating through all the letters, i will hold the final value of the last letter index. Instead of comparing against this final value, it is essential to continuously compare throughout the looping process.

var secretWords = ["apple", "banana", "orange", "kiwi"];
var chosenWord = secretWords[Math.floor(Math.random()*secretWords.length)];
var guesses = 6;
var letters = chosenWord.length;
var guess = prompt("GUESS A LETTER");

var found = false;
for (var i = 0; i < letters; i++){
    if (guess == chosenWord.substring(i, i + 1))
        found = true;
}
if (found) {
    alert("Correct!");
}
else {
    alert("Incorrect");
}

Answer 3

Answer №2

Presently, you are iterating from 0 to the length of the chosen word inclusive. It seems like you are attempting to verify if the provided letter is in the selected word, but unfortunately, the logic is incorrect.

To determine if a string contains a letter or part of a word, you can utilize the String.includes() method. This method is available for every string and allows you to check if a specific substring is present within your string, returning true or false accordingly. For instance:

var example = 'hello';
example.includes('h'); // true
example.includes('i'); // false

Keep in mind that JavaScript is case-sensitive. To ensure that your game accommodates user input without ambiguity regarding uppercase or lowercase characters, make sure all your secretWords are either in lowercase or uppercase. Then, when receiving user input, convert it to the desired case using the String.toUpperCase() and String.toLowerCase() methods.

var secretWords = ["batman", "donkey kong", "ninja", "programming"];
var chosenWord = secretWords[Math.floor(Math.random()*secretWords.length)];
var guesses = 8;
var letters = chosenWord.length

alert(chosenWord);

var guess = prompt("GUESS A LETTER");
var guessLowerCase = guess.toLowerCase();
var isGuessedLetterInWord = chosenWord.includes(guessLowerCase);

if (isGuessedLetterInWord) {
  alert('nice');
} else {
  alert('wrong');
}

Answer 4

Presently, you are iterating from 0 to the length of the chosen word inclusive. It seems like you are attempting to verify if the provided letter is in the selected word, but unfortunately, the logic is incorrect.

To determine if a string contains a letter or part of a word, you can utilize the String.includes() method. This method is available for every string and allows you to check if a specific substring is present within your string, returning true or false accordingly. For instance:

var example = 'hello';
example.includes('h'); // true
example.includes('i'); // false

Keep in mind that JavaScript is case-sensitive. To ensure that your game accommodates user input without ambiguity regarding uppercase or lowercase characters, make sure all your secretWords are either in lowercase or uppercase. Then, when receiving user input, convert it to the desired case using the String.toUpperCase() and String.toLowerCase() methods.

var secretWords = ["batman", "donkey kong", "ninja", "programming"];
var chosenWord = secretWords[Math.floor(Math.random()*secretWords.length)];
var guesses = 8;
var letters = chosenWord.length

alert(chosenWord);

var guess = prompt("GUESS A LETTER");
var guessLowerCase = guess.toLowerCase();
var isGuessedLetterInWord = chosenWord.includes(guessLowerCase);

if (isGuessedLetterInWord) {
  alert('nice');
} else {
  alert('wrong');
}

prompting the JavaScript hangman game to identify the letters in the "selected word"

Answer №1

Answer №2

Similar questions

Is it best to remove trailing/leading whitespace from user input before insertion into the database or during the input process?

How to dynamically load a file based on the chosen option value in React

Tomcat hosting a dynamic duo: Spring Boot and React!

Issue with Vue.js: Difficulty sending an array of values to an endpoint

Experiencing a problem with a loop in iMacros/JS?

What are some solutions for resolving an infinite loop of axios requests?

Tips for utilizing SSR data fetching in Next.js with Apollo Client

Best practice for filling an array using a promise

Is it possible to send notifications via email prior to reaching a particular deadline?

Sending the selected object from a dropdown in React back to its parent component

In AngularJS, enhance pagination loading by appending a $resource queried array to the end of another

Has Angular been assimilated into the window object by webpack?

Deactivating Touchable Opacity Sounds in React Native

Is it possible for me to develop a mobile application using JavaScript, HTML, and CSS and distribute it for sale on the App Store, Google Play Store, and Microsoft Mobile App Store at

Automatically close Bootstrap 4 modal popups

Disabling Firebase error logging for unsuccessful signInWithEmailAndPassword attempts

Utilize the v-for second argument in VueJS 2 to showcase the index and index+1

What are the steps to achieve consistent response behavior in POSTMAN that matches that of a web browser?

Currently I am developing a Minimax Algorithm implementation for my reversi game using react.js, however I am encountering a RangeError

Tips for incorporating a spinner during content loading within AngularJS