Day 1 - I Built a Quiz App Using JavaScript DOM! 🧠💻

Godwin MayodiGodwin Mayodi
1 min read

Today marks Day 1 of my daily coding journey, and I kicked things off by building a Quiz App using vanilla JavaScript.


✅ What I Built

I created a simple but interactive Quiz App that:

  • Switches between start, quiz, and result screens

  • Tracks the user’s score

  • Highlights correct and incorrect answers

  • Shows a progress bar while answering questions

  • Displays a final message based on your performance


🧠 What I Learned

  • How to select and manipulate DOM elements with document.getElementById

  • Adding event listeners with addEventListener

  • Dynamically creating and rendering buttons using document.createElement

  • Updating the UI using .textContent, .innerHTML, and .classList

  • Managing app state using variables like score and currentQuestionIndex

  • Implementing basic game logic using if/else and timers


⚙️ Tech Used

  • HTML

  • CSS

  • JavaScript (vanilla DOM, no frameworks)


🖼️ Access Code

Use this link to access the project source code in github :

https://github.com/codegoddy/15-days-frontend



💪 Onwards to Day 2!

#100DaysOfCode #JavaScript #WebDev #CodingJourney #Hashnode

0
Subscribe to my newsletter

Read articles from Godwin Mayodi directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Godwin Mayodi
Godwin Mayodi