Asking only to re-answer incorrectly answered questions in an array using JavaScript prompts and loops. How can this be achieved without asking to repeat the entire loop?

Question

Asking only to re-answer incorrectly answered questions in an array using JavaScript prompts and loops. How can this be achieved without asking to repeat the entire loop?

Goals :

To require the user to input the displayed words in the designated fields.
To validate if the typed words are an exact match to those requested.
If correct, proceed to the next word.
If incorrect, prompt the user to retype the wrongly entered word.

All the words are stored in an array.

Achievements so far :

Goals 1 to 3 have been successfully met!

Challenges faced :

Goal 4 is partially achieved. The issue lies in restarting the entire loop instead of keeping track of progress and resuming from the incorrectly answered question.

The code snippet :

 wordList = ["Cachalot", "Pétunia", "Serviette"]
 score = 0
  for (let i=0; i<wordList.length; i++){
        let typedWord = prompt("Please type the following word: " + wordList[i])
        if(typedWord===wordList[i]){
            score+=1
            console.log(score)
        } else{
            console.log ("Please try again.")
            typeSmart()
        }

    }
}typeSmart()

I understand that calling the function restarts the whole process. However, I am unsure how to proceed differently. Should I utilize a while loop instead or in conjunction with the current for loop?

javascript arrays loops

Answer 1

Answer №1

To ensure accurate matching of values, utilize a while loop for continuous comparison. Employing a for...of loop to iterate through the word list avoids the need to handle indexes.

function verifyWords() {
  const wordList = ["Dolphin", "Orchid", "Tablecloth"];
  let score = 0;
  
  for (const word of wordList) {
    const message = `Please retype the following word: ${word}`;
    
    while (prompt(message) !== word) {
      console.log("Please try again");
    }
    
    score += 1;
    console.log(score);
  }
}

verifyWords();

Answer 2

To ensure accurate matching of values, utilize a while loop for continuous comparison. Employing a for...of loop to iterate through the word list avoids the need to handle indexes.

function verifyWords() {
  const wordList = ["Dolphin", "Orchid", "Tablecloth"];
  let score = 0;
  
  for (const word of wordList) {
    const message = `Please retype the following word: ${word}`;
    
    while (prompt(message) !== word) {
      console.log("Please try again");
    }
    
    score += 1;
    console.log(score);
  }
}

verifyWords();

Answer 3

Answer №2

A more suitable approach would be to utilize a while loop. Since the number of times the word will be asked for is unknown, looping with a while loop is recommended over a for loop. for loops are typically used when the number of iterations is predetermined, which does not apply in this scenario.

To track the current word and progress through the list, increment the index of the current word (referred to as currentWordIdx in the provided code snippet) once the user types the word correctly. Additionally, ensure that you declare your variables using let or const (although var is an option, it is not the best practice), to prevent unintended global variable scope issues:

function typeSmart() {
  const wordList = ["Cachalot", "Pétunia", "Serviette"];
  let score = 0;
  let currentWordIdx = 0;
  while(currentWordIdx < wordList.length) {
    const currentWord = wordList[currentWordIdx];
    const typedWord = prompt("Please retype the following word: " + currentWord);
    if (typedWord === currentWord) {
      score += 1;
      currentWordIdx++; // move on to the next word
      console.log(score);
    } else {
      console.log("Please try again");
    }
  }
}
typeSmart();

Answer 4

A more suitable approach would be to utilize a while loop. Since the number of times the word will be asked for is unknown, looping with a while loop is recommended over a for loop. for loops are typically used when the number of iterations is predetermined, which does not apply in this scenario.

To track the current word and progress through the list, increment the index of the current word (referred to as currentWordIdx in the provided code snippet) once the user types the word correctly. Additionally, ensure that you declare your variables using let or const (although var is an option, it is not the best practice), to prevent unintended global variable scope issues:

function typeSmart() {
  const wordList = ["Cachalot", "Pétunia", "Serviette"];
  let score = 0;
  let currentWordIdx = 0;
  while(currentWordIdx < wordList.length) {
    const currentWord = wordList[currentWordIdx];
    const typedWord = prompt("Please retype the following word: " + currentWord);
    if (typedWord === currentWord) {
      score += 1;
      currentWordIdx++; // move on to the next word
      console.log(score);
    } else {
      console.log("Please try again");
    }
  }
}
typeSmart();

Answer 5

Answer №3

To maintain the value of i in the loop until the correct answer is entered, add --i; within your else statement. This will continuously prompt the user with the same word until the correct answer is provided, achieving your intended purpose.

wordList = ["Cachalot", "Pétunia", "Serviette"]
 score = 0
  for (let i=0; i<wordList.length; i++){
        let typedWord = prompt("Please retype the following word: " + wordList[i])
        if(typedWord===wordList[i]){
            score+=1
            console.log(score)
        } else{
            console.log ("Please try again")
            --i;
        }

    }

Answer 6

To maintain the value of i in the loop until the correct answer is entered, add --i; within your else statement. This will continuously prompt the user with the same word until the correct answer is provided, achieving your intended purpose.

wordList = ["Cachalot", "Pétunia", "Serviette"]
 score = 0
  for (let i=0; i<wordList.length; i++){
        let typedWord = prompt("Please retype the following word: " + wordList[i])
        if(typedWord===wordList[i]){
            score+=1
            console.log(score)
        } else{
            console.log ("Please try again")
            --i;
        }

    }

Asking only to re-answer incorrectly answered questions in an array using JavaScript prompts and loops. How can this be achieved without asking to repeat the entire loop?

Answer №1

Answer №2

Answer №3

Similar questions

Issue encountered while trying to connect to MongoDB: MongooseServerSelectionError

Handling errors in chained promises and routes in Node.js/ExpressJS

Is there a way to eliminate a wrapper object from each element in a JSON array using JavaScript?

Using Javascript to remove spans that do not have an id assigned

What is causing the error when trying to parse a JSON with multiple properties?

Issue: The function "generateActiveToken" is not recognized as a function

What is the benefit of storing an IIFE in a variable?

What is the best way to collect and store data from various sources in an HTML interface to a Google Spreadsheet?

Is there a way to insert json data into a form input field using jQuery?

The scrollTop feature fails to function properly following an Axios response

Attempting to retrieve the current time using JavaSscript

"Encountering Issues with Angular's Modules and EntryComponents during Lazy Loading

Google charts appear only after the second request, not on the initial one

Sporadic UnhandledPromiseRejectionWarning surfacing while utilizing sinon

Issue with Custom Tooltip in Mootools 1.2 - Images displaying prematurely before hover action

The longevity of JQuery features

Optimal method for organizing individuals into teams using Google Apps Script

Discovering how to create a line break within a text area using the $scope feature in Angular

update the variables based on the changes in the service

Looking to adjust the title font size when exporting DataTable to Excel?