如何将文本输入中输入的值传递给url？

<form action="target_url" method="GET">
  <input type="text" name="input_value">
  <input type="submit" value="Submit">
</form>

<input type="text" id="input_value">
<button onclick="redirectToURL()">Submit</button>

<script>
  function redirectToURL() {
    var inputValue = document.getElementById("input_value").value;
    window.location.href = "target_url?input_value=" + inputValue;
  }
</script>

<input type="text" id="input_value">
<button onclick="sendRequest()">Submit</button>

<script>
  function sendRequest() {
    var inputValue = document.getElementById("input_value").value;
    var xhr = new XMLHttpRequest();
    xhr.open("GET", "target_url?input_value=" + inputValue, true);
    xhr.send();
  }
</script>