A simple interactive web application where the user enters a question and receives a random answer from a magic ball.
https://alexandrabalinskaiya.github.io/magic-ball/
Magic Ball is a small JavaScript web application created as a frontend practice project. The page is generated dynamically using JavaScript. The user can enter a question, press the answer button, and receive a random response from the magic ball.
The application also includes basic input validation and a simple animation effect.
- dynamic HTML element creation with JavaScript
- random answer generation
- input validation
- CSS animation
- responsive layout
- image-based visual interface
- HTML5
- CSS3
- JavaScript
.
├── index.html
├── script.js
├── style.css
├── ball.png
├── ball-hole.png
└── bg.jpg
- Open the live demo.
- Enter a question in the input field.
- The question must end with a question mark.
- Click the answer button.
- The magic ball will display a random answer.
Oleksandra Balinska