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?

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

submitButton.addEventListener('submit', (e) => {
  e.preventDefault();
});
index.html
<!DOCTYPE html>
<html>
<head>
  <title>Submit Event</title>
</head>
<body>
<form id="registrar">
  <label>Name:</label>
  <input type="text" name="name">
  <button type="Submit" name="Submit" value="Submit">Submit</button>
</form>
  <script src="app.js"></script>
</body>
</html>

1 Answer

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

Hello,

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

});