JavaScript DOM Scripting By Example Adding and Removing Names Using the submit Event

Sridhar Rameshwaram
Sridhar Rameshwaram
934 Points

Am getting this error - You didn't use addEventListener on the form - though am using button with Submit value

how to addEventListener on the form?

const form = document.querySelector('form');
const submitButton = form.querySelector('[type=Submit]');

submitButton.addEventListener('submit', (e) => {
<!DOCTYPE html>
  <title>Submit Event</title>
<form id="registrar">
  <input type="text" name="name">
  <button type="Submit" name="Submit" value="Submit">Submit</button>
  <script src="app.js"></script>

1 Answer

Tracy Excell
Tracy Excell
Front End Web Development Techdegree Graduate 15,333 Points


You need to change the code on line 4 to be the form, not just the button, and to function on submit, not click.

form.addEventListener('submit', () => { //change to form and submit