-
Notifications
You must be signed in to change notification settings - Fork 15
/
Copy pathw4Warmup1.js
17 lines (13 loc) · 889 Bytes
/
w4Warmup1.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// 1. create new HTML file a with a three buttons and div with heading and paragraph inside it.
// a. button1 : Important
// b. button2 : normal
// c. button3 : rest
// 2. create a new JS file and link between the js and HTML
// 3. create a new css file and change the styles of the buttons and div with it's content
// 4. add Interaction for the buttons as the following:
// when the Important button clicked! change the background color to red and text to white and heading to dark red
// when the normal button clicked! change the background color to lightblue and text to white and heading to dark blue
// when the rest button clicked! change the background white and the text to dark
// you can use this code for the div content:
// Heading for the div
// I'm a simple html paragraph and the css can controll my attributes. The JS will make the page interactive