Javascript link builder within HTML

Question

I'm trying to build a... link builder to ease some of my day-to-day tasks. I can't make it work though, and would really appreciate some help:

<form target="">
  ID one:
  <input type="text" name="IDone" id="ID1">
  
  ID two:
  <input type="text" name="IDtwo" id="ID2">
  
  <button value="go" id="myButton">build</button>
  
  <script type="text/javascript">
    document.getElementById("myButton").onclick = function () {
        location.href = 
          "https://first.part.com/" + document.getElementById("ID1").value +
          "?act=setsecond_part=" + document.getElementById("ID2").value;
    };
  </script>
  
</form>

The idea is very simple:

• first field (ID one) gets the data that's put in it;
• second field (ID two) gets the data that's put in it;
• the "build" button actually goes to link that's comprised of https://first.part.com/ + + <?act=setsecond_part=> + <"ID2">.

Thank you for your assistance!

JPM

Answer 1

Delete a form tag and everything will be work fine :)