liyakot / hover-board

Drawing board

Home Page:https://hover-boarddd.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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 🔥)

About

Drawing board

https://hover-boarddd.netlify.app/


Languages

Language:JavaScript 47.8%Language:CSS 35.4%Language:HTML 16.8%