INTERMEDIATE: C214
PIANO - PART 2
RECAP
We created the PIANO WEB PAGE with sound.
HTML
JS
CSS
Thought is event- JS is hand moving when the event is handled.
| Event Handlers | Description |
|---|---|
| onmouseover | Triggered when the mouse pointer is over the element |
| onmouseout | Triggered when the mouse pointer is outside the element |
| onmouseenter | Triggered when the mouse pointer is moved onto the element |
| onmouseleave | Triggered when the mouse pointer is moved outside the element |
| onmousedown | Triggered when a mouse button is pressed over an element |
| onmouseup | Triggered when a mouse button is released from an element |
| onmousemove | Triggered when the mouse pointer is moving inside an element |
| onclick | Triggered when the element if clicked |
| ondblclick | Triggered when the element is double clicked |
functionName (){
Steps for execution
}
functionName (value1){
Steps for execution
}
Define Function
Type-B
Type-A
Define Function
functionName ();
functionName (10);
Call a Function
Call a Function
ArrayName[ArrayIndex]
DID YOU KNOW?
Event handling is the same as our day-to-day actions and reactions, like events on switches in our room.
IN THE NEXT CLASS
We will create a "Quote of the Day!" webpage.
PROJECT
Help Mrs. Linda create a "Guess the Vowel" web page.
INTERMEDIATE-C214
By int whitehatjrclass
