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

Challenge Task 2 of 2 Using the event object, ensure that the brower will not submit

Challenge Task 2 of 2

Alter the callback function to use the event object. Using the event object, ensure that the browser's default form submit behavior does not occur when the form is submitted.

app.js
const form = document.querySelector('form');
const submitButton = form.querySelector('[type=Submit]');
form.addEventListener('submit', () => {  
   e.preventDefault('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

Steven Parker
Steven Parker
172,090 Points

The event object is not being passed to the handler.

In the handler you reference the event object as "e", but no parameter is being passed to the handler.

Replace the placeholder parentheses in the function definition with the argument e.