Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Reponsive-Quiz

P

@prem-kumart

Desktop design screenshot for the Frontend Quiz app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

  • Create the quiz logic using multiple event listeners and async functions.
  • have better planning organize the code

What challenges did you encounter, and how did you overcome them?

  • Using Event Listeners to account different states.

What specific areas of your project would you like help with?

  • Best practices in writing Code.

Community feedback

P
Hexerse 460

@Hexerse

Posted

No feedback. Instead I am learning a lot from your code.

0

P

@prem-kumart

Posted

@Hexerse Thank you! but this is an ad-hoc version that I made. Naming is not consistent. I have used async/await and went on from there Used "Promises" to wait for an action and resolved accordingly. Creating dynamic elements and inserting them as needed.

Please do reply if you found another way of doing it or anything to improve my code.

0
P
Hexerse 460

@Hexerse

Posted

@prem-kumart to be honest i am exploring async await. I was wondering if you put the fetch into a function or put fetch into a function and await it. Then you wouldn’t need to put await on so many functions? I have no time to test it now but its an idea maybe you could try ?

async function fetchData (url) { try { const response = await fetch(url);

const json = await response.json();

console.log(json);

} catch (error) { console.error(Error : ${error}); } }

0
P

@prem-kumart

Posted

@Hexerse I looked into it this way. I have a series of await functions

  1. Loading the Welcome Page ( wait for the response - selecting the subject ) ---->then 2. Each Question ( wait for the response - answer) -> 3. Final Score ( wait for the response ) ---- repeat the process
0
P
Hexerse 460

@Hexerse

Posted

@prem-kumart I see, have you tried posting into the discord channels ? I think they can help a lor more

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord