Javascript Switch语句具有多个默认值

Question

I'm a beginner at JavaScript. I'm sorry if I cannot explain clearly what I need.

I am trying to design a page with some questions. The answers must be typed in a textbox.

I am using a Switch Statement to generate different comments to all acceptable answers.

As for answers that are not accepted, I would like to have more than the default message.

For example, if the user types an unaccepted answer for the first time, a message will show up, like "That is not an acceptable answer". On the user's second unaccepted answer a different message would show up, like "Please try again"... And so on for about five times, and then it would loop back to the first default message.

I just don't know how to make that happen... This is what I have so far:

 function myFunction() { var text; var colors = document.getElementById("myInput").value; switch (colors) { case "White": text = "White is a nice color."; break; case "Blue": text = "I also like blue. It reminds me of the ocean."; break; case "Red": text = "Red is also nice."; break; default: text = "That is not an acceptable answer"; } document.getElementById("comment").innerHTML = text; } 

 <p>What is your favorite color from the USA flag?</p> <input id="myInput" type="text"> <button onclick="myFunction()">Answer</button> <p id="comment"></p> 

Answer 1

You need to have an array for the number of messages, the user needs to get when they have sent an answer.

var count = 0;
var messages = ["That is not an acceptable answer.", "Please try again!", "Still wrong.", "I don't understand.", "Consider visiting the 'help page' before moving on."];

Based on that count, show the message in the default case.

default:
  text = messages[count%messages.length];
  count++;

Full Working Snippet

 var count = 0; var messages = ["That is not an acceptable answer.", "Please try again!", "Still wrong.", "I don't understand.", "Consider visiting the 'help page' before moving on."]; function myFunction() { var text; var colors = document.getElementById("myInput").value; switch (colors) { case "White": text = "White is a nice color."; break; case "Blue": text = "I also like blue. It reminds me of the ocean."; break; case "Red": text = "Red is also nice."; break; default: text = messages[count%messages.length]; count++; } document.getElementById("comment").innerHTML = text; } 

 <p>What is your favorite color from the USA flag?</p> <input id="myInput" type="text"> <button onclick="myFunction()">Answer</button> <p id="comment"></p> 

Answer 2

    var counter = 0;
    function myFunction() {
        var text;
        var colors = document.getElementById("myInput").value;

        switch(colors) {
            case "White":
                text = "White is a nice color.";
            break;
            case "Blue":
            text = "I also like blue. It reminds me of the ocean.";
            break;
            case "Red":
            text = "Red is also nice.";
            break;
            default:
            text = getText(counter++);
        }
        counter = counter > 5 ? 0 : counter;
        document.getElementById("comment").innerHTML = text;
    }

function getText(counter) {
    switch(counter):
       case 1:
          return "some text";
       case 2:
          return "some text";
    ...
}