This project is a simple and fun web-based game where a bomb emoji (💣) moves to random positions when clicked. The heading and instructions are centered, and the bomb never overlaps them. The page has a responsive design to ensure proper alignment and functionality across devices like phones, tablets, and laptops.
Features
- Interactive Bomb: Clicking on the bomb triggers an explosion animation (💥) and moves the bomb to a random position on the screen.
- Centered Heading and Description: A clear title, "BOMB," and instructions, "(click on the bomb)," are displayed in the center of the screen.
- Responsive Design: The layout adapts to different screen sizes, ensuring consistent appearance and functionality.
- Boundary Protection: The bomb stays within the visible screen area and avoids overlapping with the heading or description.
Technologies Used
- HTML5: For structuring the page.
- CSS3: For styling the background, text, and animations.
- JavaScript: For handling the bomb's movement and interactions.
Future Enhancements
Add sound effects for the explosion. Introduce a scoring mechanism to count clicks within a time limit. Include difficulty levels where the bomb moves faster.