mini quiz banner

mini quiz

Created by: kapooranisha781
2 devlogs
6h 22m 32s

This is a mini quiz project that includes three questions. When the user selects an option to check their answer, the button turns green if the answer is correct and red if it is incorrect. This project was created by Anisha Kapoor using HTML, CSS…

This is a mini quiz project that includes three questions. When the user selects an option to check their answer, the button turns green if the answer is correct and red if it is incorrect. This project was created by Anisha Kapoor using HTML, CSS, and JavaScript.

This project uses AI

I used AI (ChatGPT) to get help while building this project. AI helped me understand JavaScript concepts, fix coding errors, and improve my HTML, CSS, and JavaScript code. It also helped me write and organize quiz questions and improve the project description.

Demo Repository

README

Loading README...
kapooranisha781
kapooranisha781 worked on mini quiz
10 days ago

First, I planned the quiz app and created the basic structure using HTML.
Then I designed the layout and styled the buttons using CSS.
After that, I added JavaScript to display questions and check the answers.
I also added color feedback so the button turns green for correct answers and red for wrong ones.
Finally, I tested the project, fixed small errors, and prepared it for uploading to GitHub.

Attachment
1

Comments

sakshikhushi25
sakshikhushi25 10 days ago

its very nice, looking very attractive, color combination is excellent.

kapooranisha781
kapooranisha781 shipped mini quiz
12 days ago

Shipped this project!

Hours: 6.38
Cookies: 🍪 10
Multiplier: 1.52 cookies/hr

I have completed my Mini Quiz App using HTML, CSS, and JavaScript. The app displays questions with multiple options and gives instant feedback by changing the button color to green for correct answers and red for incorrect answers. I tested the project and uploaded the final version to GitHub.

kapooranisha781
kapooranisha781 worked on mini quiz
12 days ago
6h 22m logged

I started by planning the quiz app and deciding how the questions and options would appear. First, I created the basic structure of the project using HTML and added sections for the quiz, questions, and option buttons. Then I used CSS to design the layout, style the buttons, and improve the overall look of the app. After that, I added JavaScript to display the quiz questions and check the user’s selected answers. I also added a feature where the button turns green for correct answers and red for incorrect answers to give instant feedback. Finally, I tested the project multiple times, fixed small coding errors, improved the code structure, and uploaded the completed project to GitHub.

Attachment
Attachment
2

Comments

kapooranisha781
kapooranisha781 12 days ago

it is really nice

sakshikhushi25
sakshikhushi25 10 days ago

that’s nice keep it up.