My ballot-helper personal project

Hello everyone! I am trying to create a website that gives people information on their ballot. I have created an index html page with a selection of options. However, I am trying to trigger an event that leads to a given ballot. Below I have listed my index page, ballot-1 page, and js logic. Could anyone help me on creating a link from my home page to the ballot-1 page using js.

<!DOCTYPE html>
<html>
  <head>
    <title>Home</title>
  </head>
  <body>
    <!-- Form for distring input-->
    <form id="answer" action="index.html" method="post">
      <p>What district do you live?</p>
      <select class="" name="">
        <option id="option1" value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
      </select>
      <input type="submit" value="Submit" onclick="ballotID()"/>
    </form>

    <script src="ballot.js"></script>
  </body>

</html>
<!DOCTYPE html>
<html>
  <head>
    <title>Ballot 1</title>
  </head>
  <body>
    <p>This is Ballot 1</p>
  </body>
</html>
let response = document.getElementById('option1');
let answer = document.getElementById('option1').value;
ballotID = () => {
  if (response === 1) {
    response.href = "ballot-1.html";
  }
}