Tengo el siguiente Código. Pero la cadena en la base de datos está vacía. ¿Por qué no funciona obtener la cadena del campo de entrada?

HTML

 <div id="todo"> <h2>Todo Liste</h2> <form method="get"> <input type="text" name="username" placeholder="name" required> <input type="text" class="inputField" name="inputData" id="myInput" placeholder="title" required><br><br> <span onclick="newElement(); sendData(this.value)" class="addBtn">Add</span><br><br> </form>

JavaScript

 function sendData(str) { const xmlhttp = new XMLHttpRequest(); xmlhttp.onload = function() { document.getElementById("txtHint").innerHTML = this.responseText; } xmlhttp.open("GET", "saveData.php?q=" + str); xmlhttp.send(); }

Para obtener el valor en la página html:

 <p>Response from PHP <span id="txtHint"></span></p>

para traer los datos en el html

 function newElement() { var li = document.createElement("li"); var inputValue = document.getElementById("myInput").value; var t = document.createTextNode(inputValue); li.appendChild(t); document.getElementById("myUL").appendChild(li); }

y quiero obtener los datos del texto, un usuario escribió. Aquí es donde fallo.

mi idea fue

 console.log(document.getElementsByClassName("inputField"));

¿Cómo puedo obtener el elemento?