Un getElementById no funciona aunque los demás sí, todo está escrito correctamente y la sintaxis es correcta. testTitle no devuelve nada en la consola aunque los demás sí, he intentado reorganizar las líneas pero da como resultado lo mismo.

 <!--test name--> <div class="row"> <div class="col s6 offset-s3"> <div class="input-field"> <input type="text" id="testTitle" required /> <label for="testTitle">test name</label> </div> </div> </div> <!--subject--> <div class="row"> <div class="col s6 offset-s3"> <div class="input-field"> <input type="text" id="testSubject" required /> <label for="testSubject">subject</label> </div> </div> </div> <!--test date--> <div class="row"> <div class="col s6 offset-s3"> <div class="input-field"> <input type="text" class = "datepicker" id="testDate" required /> <label for="testDate">test date</label> </div> </div> </div>

 add.addEventListener('click', async (e) => { const testSubject = document.getElementById("testSubject").value; const testDate = document.getElementById("testDate").value; const testTitle = document.getElementById("testTitle").value; console.log(testTitle); console.log(testSubject); console.log(testDate); });