Events

• 1. 'click' event

  2. 'keydown' event

  Click to open modal window

  Use button Escape "Esc" to close this window

  X

  The keydown event is triggered when a specific key is pressed. For example, you can tell your program to check if the user presses the Escape key on the keyboard, and if so, the modal window will close.

  The click event is very common to use in web projects. It is triggered whenever a user clicks on an element, such as a button or a link. Clicking on a button can remove the hidden tag from the modal so it becomes visible. It's also often used for burger menus, following the same principle as with a modal window.

• 3. change

  -- choose color -- Red Green Blue

  The change event occurs when the value of an input, select, or textarea element is modified. For example, if a user selects a different option from a dropdown menu, the program can detect the change and update the page or perform an action based on the new selection.

• 4. focus

  5. blur

  8 or more characters

  The focus event happens when you click or tab into an input or field. You can use it to highlight the field or show instructions. For example, in a registration form, you could show password instructions when the user clicks into the password input.

  The blur event occurs when you click outside an input field or field. You can use it to validate input or hide instructions. For example, in a registration form, you can validate the password or hide instructions when the user leaves the password field.

• 6. copy

  Try to copy this text. Using Ctrl + C or right-click > Copy

  The copy event happens when a user copies text from the page, for example, pressing Ctrl+C. You can use it to show a message, log what was copied, or prevent copying sensitive content.