# Script to pick random answers for a vocabulary quiz

I am making a small script, which, when run in the console on Vocabulary.com, picks one answer (the third or fourth) and clicks. Then the code checks if the answer was wrong or right and goes to the next question. Because the animations between the time the question is answered and the appearance of a "next question" button is very long, I had to use a weird mix of functions and setTimeout(). Although the code works, I feel like it is messy and maybe won't always work. How could I make this code perform better and make sure it is easy to edit?

To run the script, go on https://www.vocabulary.com and run this code in the console.

function clickNextButton() {
for (v = 0; v < 4; v++) {
document.getElementById("questionContainer").getElementsByTagName("a")[v].click();
}

function finalClick() {
var foo = document.getElementById("blurbPane").getElementsByTagName("button")[0];
foo.click();
}

setTimeout(finalClick, 1000);

}

var myElem = document.getElementsByClassName('source')[0];
if (myElem == null){
console.log("no source")
} else{
myElem.parentNode.removeChild(myElem);
}

var mathRandom = Math.floor(Math.random() * 2 + 2);
var selectChoices = document.getElementById("questionContainer").getElementsByClassName("choices")[0].getElementsByTagName("a")[mathRandom];
selectChoices.click();
setTimeout(partA, 1000);

function partA() {
var ifMessage = document.getElementsByClassName("messagePane")[0].getElementsByTagName("h3")[0];
var myColor = window.getComputedStyle(ifMessage).getPropertyValue("color");
if (myColor == "rgb(204, 0, 0)") {
clickNextButton();
} else if (myColor == "rgb(83, 144, 7)") {
document.getElementsByClassName("nextQuestion")[0].click();
}
}