js | Event Handling 1|

In HTML, a button with the ID "button" is created. In JavaScript, the button is selected using document.getElementById("button"). An event listener is added to the button to listen for click events. When the button is clicked, an alert box displays the message "button clicked". Mouseover and mouseout events are also added to the button, changing its style when hovered over or moved away from. Keydown, keypress, and keyup events are added to the document to detect when the Enter key is pressed, showing an alert box with the message "Enter Key is Pressed!". Shift and Ctrl key presses are also detected and display respective alert messages. Lastly, the code detects when alphabets and numbers are pressed, displaying their respective keys in an alert box.