1. NAVBAR COLOR CHANGE ON SCROLL
Design the navbar inside your webpage which must have any logo image or text with links enclosed in it. But keep in mind whenever you scroll down the page the navbar background color changes to green.
2. FORM LOADING ON WINDOW LOAD
Design simple page with navbar plus some paragraph text. Also design any simple form. But with the help of JavaScript make this form to be pop-up as soon as the page loads.
3. ALERT BEFORE SECTION DELETE
Construct any box with propr width and height following by the delete button. But as soon as you click on the delete button, one alert box must need to appear asking "Sure you want to delete?" And if we click on 'Ok' there then box needs to delete otherwise it should remain there.
4. TAKE NAME FROM THE USER AND PRINT HELLO (THEIR NAME)
You need to simply place an input box asking name with Print name button. But as soon as we put our name inside the box and click on the Print button, automatically one message needs to come "Hello with the user name (which the user had placed inside the input box)".
5. NAVBAR FROM LEFT (SIDE SCROLL)
You need to simply place (☰) inside your webpage. But as soon as we click on (☰), from left side of the webpage the navbar links need to appear inside the black color panel which covers almost (250px) of the webpage.
6. IF DAY IS SUNDAY SCHOOL CLOSED ELSE OPENED
You need to construct a select box inside your webpage where you can able to get the names of the days (Sunday-Saturday) along with the Result button too. But if we select 'Sunday' and click on the Result button it must give the message "Yes, today is holiday" and if we select other days then message should be "Shutup and go to school".
7. INDEX AND POSITION OF ELEMENT FROM PARAGRAPH
Inside your webpage place any heading following by some paragraph text. Then randomly choose any word from your paragraph and you need to track out it's Index no. plus the length of your whole paragraph.
8. CLICK AND TIMER STARTS
Simply inside the paragraph tag (p) feed or put the value '0', following by the Start button. Now here the challenging part is, as soon as we click on the Start button, the value '0' inside the (p) tag start increasing per second.
9. TEXT CHANGING COLOR ON MOUSE HOVERING AND REMOVING
Construct simple box with proper background color, width and height including the text at the center too. But keep in mind that whenever we take our mouse pointer inside the box the text color changes to black and as soon as we remove our mouse cursor from that box, the text color changes to green color.
10. TIME AND DATE DISPLAYING BUTTON
Simply place two buttons inside your webpage. One button must need to provide the current date when it is been clicked and the second button must need to display the current time when it is been clicked.
11. ASK AGE OF USER THEN DECIDE CAN DRIVE OR NOT
Place any input box asking age of the user following by the Check button. And if the age is greater then 18 years then display the output "Yes, you can drive" else it must display the output "No, you can't drive".
12. WHICH BUTTON CLICKED
Construct 3 different buttons with different background color. And as soon as any user clicks on any button, it gives the output which button is clicked.
