A retro-themed interactive web application for calculating robot rental quotes. This project demonstrates fundamental web development skills including DOM manipulation, event handling, and dynamic cost calculations.
- Model Selection: Toggle between two robot rental models:
- Model XYZ: $100 per day
- Model CPRG: $213 per day
- Duration Input: Prompt-based interface to specify rental duration in days
- Real-Time Calculation: Instantly updates the total cost based on selected model and duration
- Retro Aesthetic: Pixel-art inspired design with neon lime and orange accent colors
- Frontend: Vanilla JavaScript (ES5+), HTML5, CSS3
- Styling: Custom CSS with Google Fonts (Press Start 2P)
- Hosting: Static HTML/CSS/JS (GitHub Pages compatible)
lab-6/
├── index.html Main HTML file containing the application markup
├── scripts/
│ └── script.js JavaScript file handling DOM interactions and cost calculations
├── styles/
│ ├── reset.css CSS reset stylesheet for consistent cross-browser styling
│ └── styles.css Main stylesheet with retro design and layout
└── images/
└── robot.jpg Robot illustration asset used in the application UI
Each file serves a specific purpose in the retro robot rental calculator, maintaining clean separation between markup, styling, and JavaScript functionality.