Skip to content

Movable div is a test task project that demonstrates the ability of JavaScript to manipulate the HTML, CSS, and JS with DOM by allowing users to interact with a grid of divs and dynamically move them to the first position with a click.

Notifications You must be signed in to change notification settings

neprostostas/moveable

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Movable div

🚀 A simple web page that allows users to interact with a grid of movable divs.

👻 Author

Created by Stanislav Kinash / neprostostas

Description

Movable div is a simple web page that allows users to interact with a grid of divs. Users can click on a div to move it to the first position, rearranging the order of the divs in real time. Each div is assigned a unique background color, creating an aesthetically pleasing visual experience. This project is built using HTML, CSS, and JavaScript, and it serves as a fun demonstration of basic DOM manipulation and event handling.

Technologies Used

⚙️ HTML | CSS | JavaScript

Features

✨ Displays a grid of divs that can be moved to the first position.

✨ Each div has a unique background color.

Getting Started

🔍 To run the web page, simply open the index.html file in your web browser.

Preview

📷 Here's a preview of the Movable div web page.

preview1 preview2

Contributing

🤝 Contributions are welcome! Feel free to submit a pull request.

License

📝 This project is licensed under the MIT License.

About

Movable div is a test task project that demonstrates the ability of JavaScript to manipulate the HTML, CSS, and JS with DOM by allowing users to interact with a grid of divs and dynamically move them to the first position with a click.

Topics

Resources

Stars

Watchers

Forks

Languages