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

Zaria Sellers
Zaria Sellers
3,536 Points

help please!!!!!

please help

app.js
const form = document.querySelector('form');

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

submitButton.addEventListener('click', () => {

});
index.html
<!DOCTYPE html>
<html>
<head>
  <title>Submit Event</title>
</head>
<body>
<form>
  <label>Name:</label>
  <input type="text" name="name">
  <input type="Submit" name="submit" value="Submit">
</form>
  <script src="app.js"></script>
</body>
</html>

1 Answer

Martin Jones
Martin Jones
Front End Web Development Techdegree Graduate 41,141 Points

Hi Zaria,

You just need to bind the eventListener to the form itself which is set on line 1.

Then you just need to change the event listener from click to submit.

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

form.addEventListener('submit', () => {

});

Hope this helps :)