Elevator Project

An exercise developed during the Formação.DEV Express I took to practice DOM manipulation and event handling.

In this project, I built an interactive elevator simulation using HTML, CSS, and JavaScript. The user can select a floor number, and the elevator moves smoothly to the chosen floor. Each movement updates visually on the screen, simulating an elevator traveling between floors.

elavator-in-action.mp4

⭐ Features

• Floors dynamically generated with JavaScript
• Smooth elevator movement animation
• Realistic floor positioning and alignment
• Buttons to select the desired floor

⚙️ Technologies Used

• HTML5 for structure
• CSS3 for styling and animation
• JavaScript (ES6) for logic and interactivity

🤔 Purpose

The goal of this exercise was to practice:

• Dynamic DOM element creation
• Handling user input and triggering actions
• Applying CSS transitions through JavaScript
• Using functions and parameters to control animations

🖥️ How to run the project

To run the project, simply double-click the index.html file once the project folder is open in your operating system's file system.

Alternatively, you can also use the Live Server extension from the Visual Studio Code IDE to run the project.

You can view the project directly in your browser after cloning the repository.

git clone https://github.com/ferdsleite/elevator-simulation-project.git
cd elevator-simulation-project
open index.html

---

Create with 🪄 by Fernanda Leite