Why is my secret alien registration form submitting empty entries?
<form id="alien-form">
<label>Designation: <input id="alias" value="Zorgon" /></label>
<label>Tentacles: <input id="tentacles" type="number" value="8" /></label>
<button type="submit">Report In</button>
</form>
<script>
const form = document.querySelector('#alien-form');
form.addEventListener('submit', (e) => {
e.preventDefault();
const data = new FormData(form);
console.log(Array.from(data.entries()));
});
</script>
Reply with what is broken and how you would fix it.
