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

Alter the callback function to use the event object. Using the event object, ensure that the browser's default form subm

how to solve this

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

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

});
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

Branko Veljkovic
Branko Veljkovic
6,683 Points
const form = document.querySelector('form');
const submitButton = form.querySelector('[type=Submit]');
const input = form.querySelector('input');

form.addEventListener('submit', (e) => {
   e.preventDefault();
});