Please do not use AI $($ must heave a css styling, javascript $)$

Requirements $(30$ Points$)$:

The Page must have the following Sections

General

The page must have $4$sections$,$ as shown $-1$ pts

These sections must use the same css styling $-1$pts

They must have a border $-1$pts

Alert Me Section

There must be a form $-1$ pts

This form must take in a name, and it must be required to submit $-1$ pt

The form should have a button called $$Alert Me$-1$pts

When the $$Alert Me$$ button is clicked it should take the Inputted name, and show an alert on the page saying $$Hi Name!$-4$pts

Note this should be using a Javascript Function

Change Color Section

There must be a button called Change Color $-1$ pts

This button must change the color of the page and alternate $-5$pts

Ex: If page is blue it should be green, and if page is green it should be blue

Note this should be using a Javascript Function

Additionally the page should STAY the color that it swaps too $-2$ pts

Text Tester Section

There must be a form $-1$ pts

The form should have a button called $$Validate Text$-1$pts

When the $$Validate Text$$ button is clicked it should validate that the text has no special characters $-6$pts

Code:

var validation $=/[!$@#$$\%^$&$*()\_+\backslash -=\backslash [\backslash ]\{\}$;$\text{'}$:;

It should alert if there is a Special Character

Note this should be using a Javascript Function

Add Text Section

There must be a button called Add Text $-1$ pts

When this button is clicked, the heading of the page should be modified and the words $$Add Text$$ should be added to it $-4$pts

Note this should be using a Javascript Function Lab $4$

Name:

Alert $Me!$

Change Color

Text Tester:

Validate Text

Add Text

Desired page is the image: