Why are all the answers for my javascript quiz come back as wrong?

No matter which answer I select my answer always comes back as wrong. Im not sure where the issue is, I think its because I have an event listener on each button to check the answer.

Here is the code for how I get my elements

var questionLocation = document.getElementById("questionLocation")
var answerA = document.getElementById("answerA")
var answerB = document.getElementById("answerB")
var answerC = document.getElementById("answerC")
var answerD = document.getElementById("answerD")

window.addEventListener("load", function pullRandom() {
  let randomQ = myQuestions[Math.floor(Math.random() * myQuestions.length)];
  console.log(randomQ)

  questionLocation.innerHTML = randomQ.Question;
  answerA.innerHTML = randomQ.answers.a;
  answerB.innerHTML = randomQ.answers.b;
  answerC.innerHTML = randomQ.answers.c;
  answerD.innerHTML = randomQ.answers.d;
  var correct = randomQ.correctAnswer;
  console.log(correct)

These are my buttons

<div class="jumbotron" id="jumbotron">
  <div id="questionHolder" style="display: block;">
    <h4 id="questionLocation"></h4>
    <div id="answers">
      <div id="answerA" class="btn btn-dark"></div>
      <div id="answerB" class="btn btn-dark"></div>
      <div id="answerC" class="btn btn-dark"></div>
      <div id="answerD" class="btn btn-dark"></div>
    </div>
  </div>
</div>

Here are a sample of my question array

const myQuestions = [{
    Question: "What alloy is Captain America's sheild made of?",
    answers: {
      a: "Steel",
      b: "Adamantium",
      c: "Vibrainium",
      d: "Uru"
    },
    correctAnswer: "c"
  },
  {
    Question: "What was the code name of the Government project that gave Captain America his powers?",
    answers: {
      a: "Weapon X",
      b: "Super Soldier",
      c: "AIM",
      d: "Hyrda"
    },
    correctAnswer: "b"
  },
  {
    Question: "What was the name of the Virtual Intellegnce designed by Iron man?",
    answers: {
      a: "Jarvis",
      b: "Hal 9000",
      c: "T-800",
      d: "R2-D2"
    },
    correctAnswer: "a"
  },
  {
    Question: "What did Iron man build to power his suits and keep himself alive?",
    answers: {
      a: "Skynet",
      b: "Death Star",
      c: "Gamma Bomb",
      d: "Arc Reactor"
    },
    correctAnswer: "d"
  }
]

And these are the event listeners I have to check the answer

answerA.addEventListener("click", function checkAnswers(answer) {
  if (correct == answerA) {
    alert("Correct!")
    score++;
  } else {
    alert("Wrong!")
    console.log(score)
  }
});

answerB.addEventListener("click", function checkAnswers(answer) {
  if (correct == answerB) {
    alert("Correct!")
    score++;
  } else {
    alert("Wrong!")
    console.log(score)
  }
});

answerC.addEventListener("click", function checkAnswers(answer) {
  if (correct == answerC) {
    alert("Correct!")
    score++;
  } else {
    alert("Wrong!")
    console.log(score)
  }
});

answerD.addEventListener("click", function checkAnswers(answer) {
  if (correct == answerD) {
    alert("Correct!")
    score++;
  } else {
    alert("Wrong!")
    console.log(score)
  }
});

I’m not sure exactly where I’m going wrong.