Web Site for Teachers - Java Script

• Informatica
• Middelbare school
• havo
• Leerjaar 4

STARTKLAAR

• Phones Away in Your Bag or Pocket
• Please sit with your Scrum Team
• Reminder for taking attendance 

Today

• Understand how JavaScript interacts with HTML forms.
• Learn how to capture and validate form data.
• Implement JavaScript to handle form submission in their teacher job-search website

What have you done for website HTML part until now ?

What have you done for website CSS part until now ?

What is JavaScript?

• JavaScript is a programming language used to make web pages interactive.
• Works with HTML (structure) and CSS (design).

What do you think JavaScript is used for in websites?

Event Handling

Capturing Form Data

What does document.getElementById do?

 How JavaScript Works with Forms ?

• Forms collect user data: name, subject, experience, email.
• JavaScript captures this data for processing.

Validating Form Input

Assignment 4

Students work in pairs to debug a pre-written JavaScript form validation code

• Fix the broken form validation.
• Ensure all fields (name, subject, experience, email) are correctly validated.

Challenge Instructions:

Debug the Code: Identify what is missing and what is incorrect.

Fix the Errors: Ensure that all fields (name, subject, experience, email) are validated.

Test the Code: Run the code and make sure that the form does not submit unless all fields are filled in.