- Introduce a JavaScript script in your HTML page from Day 1. Use
console.log()to output a message. - Create variables for the name and age. Use these variables to display a personalized greeting.
- Write a JavaScript function that calculates the area of a rectangle (length * width). Call this function with different values and display the results.
- Add a button to your HTML form from Day 2. Use JavaScript to show an alert when the button is clicked.
- Change the content of an HTML element using JavaScript. For example, update the text of a paragraph or the source of an image dynamically.
- Apply media queries in your CSS to make your page responsive. Test how it looks on different screen sizes.
- Enhance your form from Day 2 by adding JavaScript validation. Ensure that the name is not empty, and the email follows a valid format.
- Challenge participants to create a small project that incorporates HTML, CSS, and JavaScript. It could be a simple interactive webpage, a form with dynamic behavior, or a basic game.