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

How can one easily retrieve the callback function arguments from outside the function?

Extracting Querystring Value in C#

Create beautiful PDF documents using the KNP Snappy Bundle, seamlessly converting dynamically modified Twig templates

The data in AngularJS is not being successfully incorporated into the service

Learn how to successfully upload an image using React and Node without having to rely on

Having issues with Facebook's login API for JavaScript?

The combination of Array.pop and Array.indexOf is not functioning as expected

Looking to add some random circle markers to your SVG map?

Automated scrolling within a div when an li element overflows

default choice in dropdown menus

Display PDF in Forge Viewer using PDF Extension - warning generated by pdf.worker.js

Navigating with Anchors, Styling and jQuery

Tailored design - Personalize interlocking elements

Issue with jQuery's outerHeight() function persisting despite attempting to fix it with jQuery(window).load()

What are some ways to implement Node.js within Netsuite?

Tips for creating row grouping in React JS

Unbinding or undoing an 'onclick' event when another 'onclick' event is triggered

What are the steps to ensure that this iframe adjusts perfectly to the page in terms of both vertical and horizontal dimensions

Custom div element obstructs information window on map due to lack of auto panning feature

jQuery fails to locate class following AJAX reply