为什么 Vanilla JS 不运行我的 if 语句？

Question

So I'm making an Interchange game.

I want the player to enter an answer and my if statements will check if that answer is correct, according to an array that I have set up. It will randomize so I will use the variable that is randomized to do something like this:

function getRandomImage(){
    var num = Math.floor(Math.random() * 10);
    var img = imageArray[num];
    document.getElementById("question-image").innerHTML = ('<img src="' + img + '"width=450px; height=550px; margin-left: auto; margin-right: auto;">');
    console.log("random image!");
    console.log(answers[num]);
    const textarea = document.getElementById("answer-textarea").value;

    if (document.getElementById("answer-textarea").value == answers[num].toString() && skipCounter > 3){
        console.log(answers[num]);
        score++;
        document.getElementById("score-txt").innerHTML = ("<b>Score: </b>" + "<b>" + score + "</b>");
    }

    else if (document.getElementById("answer-textarea").value != answers[num].toString() && skipCounter > 3){
        console.log(answers[num]);
        score--;
        document.getElementById("score-txt").innerHTML = ("<b>Score: </b>" + "<b>" + score + "</b>");
    }
}

HTML:

<textarea class="answer-textarea" id="answer-textarea"></textarea>

When I run this, AND I enter the correct answer according to my array, it does nothing. 1

Array:

answers = new Array();
answers[0] = "Turbine Interchange";
answers[1] = "Complex Roundabout";
answers[2] = "Cloverleaf Interchange";
answers[3] = "High Five";
answers[4] = "Mixing Bowl Interchange";
answers[5] = "Light Horse Interchange";
answers[6] = "T Interchange";
answers[7] = "Trumpet Interchange";
answers[8] = "Vaanplein Junction";
answers[9] = "Ya'an East Road Interchange";

Is there something wrong with my code?

EDIT 1: I've updated my code now and I'm checking for my texrarea value, answer, skip counter and current score.

console.log(textarea + "\n" + answers[num] + "\n" + skipCounter + "\n" + score);

EDIT 2: Yep the if functions are not even working. I added a new statement on the bottom of my ifs:

else {
    console.log("Did nothing!")
}

It all just says "did nothing".

Answer 1

The issue is that you aren't actually adding the answers to the array.

You need to use the array push method.

answers = new Array();
answers.push("Turbine Interchange");
answers.push("Complex Roundabout");
answers.push("Cloverleaf Interchange");
// etc

Once you make that change it will work as intended.

An alternative method which I would recommend is to initialize the array as it is being created.

var answers = [
  “Answer one”,
  “Answer two”,
  “Answer three”,
  // etc
];

Answer 2

I've fixed the program.

For future reference and others', here's how I did it.

1. I made the num var global

   var num;

   getRandImg(){//bla bla bla}

2. Separated get randImg() and checkAns()

3. Made a Boolean to check if it is the first time laoding, so I dont check for the next answer as @Barmar said.

You seem to be randomizing the question after the user has already answered. Is that what it's supposed to do? – Barmar

Thanks for all of your help stackoverflow people, I've also made a repo for the project. if you wanna see the full code. https://github.com/elfryt/whats-the-interchange