Skip to content

liyakot/hover-board

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hover-Board

Description


This project represents a drawing board on which squares light up when you move the mouse cursor(or you touch the board with your finger) The square returns to its previous color after 3 seconds

The game is created with native JS and CSS, without any frameworks and libraries.

How it works


Using event listeners in js, we give a random color to the square on which the cursor is positioned: square.addEventListener('mouseover', () => setColor(square)); square.addEventListener('mouseleave', () => removeColor(square))

Additionally


I've learned myself web development without any courses or training, so if you have any comments, I will be happy to chat with you on social networks (see my profile 🔥)