Estoy tratando de obtener los datos de un campo de texto en mi solicitud de recuperación para poder obtener una respuesta de una API. Los datos deben enviarse a la solicitud de obtención al enviar o al cambiar

¿Cómo puedo hacerlo?

HTML:

 <div class="input-field"> <input type="text" id="data" placeholder="submit token"> </div>

JS:

 function dataFetch(url) { const data = document.getElementById("data").value; const myHeaders = { "x-data-token": data, "x-data-access": "all-access") } const requestOptions = { method: "GET", headers: myHeaders, }; fetch(url, requestOptions) .then((res) => (res.ok ? res.json() : Promise.reject(res))) .then((data) => {