INTERMEDIATE: C214
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]
Event handling is the same as our day-to-day actions and reactions, like events on switches in our room.
We will create a "Quote of the Day!" webpage.
Help Mrs. Linda create a "Guess the Vowel" web page.