Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

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

Im kinda lost on this one. Anyone can throw in a few examples and hints?

Im kinda lost on this one. Anyone can throw in a few examples and hints?

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>

2 Answers

Mark Sebeck
MOD
Mark Sebeck
Treehouse Moderator 38,004 Points

Hi Adlan. Based on your code I assume you are on Task#2. So here we want to stop the default form submit behavior. If you watch the video before this challenge Gil shows you exactly what to do. You need to use the Event.preventDefault method. Also don't forget to add a event object parameter to the callback function.

Good luck and if you are still stuck be sure to post back to the community

Steven Parker
Steven Parker
231,269 Points

You might try looking at the other questions asked about this same challenge. Just be aware that not all answers are guaranteed to be correct.   :wink: