JS quiz med countdown timer
Hej!
Har i uppgift i skolan att göra ett quiz i JS där jag ska skapa en kundansökan där användaren kans vara på specifika frågeställningar, användaren måste göra detta under en viss tid, alltså har på sig 20 sekunder på varje fråga. Om användaren ger rätt svar så går man vidare till nästa fråga och har man fel eller tiden hinner rinna ut så är frågesporten över. Man ska kunna skriva in sitt smeknamn som han/hon vill ha i frågespelet. När man väl har svarat fel eller tiden har runnit ut så är spelet över men då ska man kunna starta om spelet igen från start. Om nu användaren skulle lyckas svara rätt på alla frågor så ska spelet registrera användarens totala tid och man ska presentera detta i en poänglista med de fem snabbaste tiderna. The high-score will be saved in the browsers Web Storage.
(function() {
var questions = [{
question: "Vilket fotbollslag spelar i Norra london",
choices: ['Arsenal', 'Chelsea' ,'Manchester United', 'West ham', 'Burnley'],
correctAnswer: 0
}, {
question: "Vilket fotbollslag spelar i Norra london",
choices: ['Arsenal', 'Chelsea' ,'Manchester United', 'West ham', 'Burnley'],
correctAnswer: 0
}, {
question: "Vilket fotbollslag spelar i Norra london",
choices: ['Arsenal', 'Chelsea' ,'Manchester United', 'West ham', 'Burnley'],
correctAnswer: 0
}, {
question: "Vilket fotbollslag spelar i Norra london",
choices: ['Arsenal', 'Chelsea' ,'Manchester United', 'West ham', 'Burnley'],
correctAnswer: 0
}, {
question: "Vilket fotbollslag spelar i Norra london",
choices: ['Arsenal', 'Chelsea' ,'Manchester United', 'West ham', 'Burnley'],
correctAnswer: 0
}];
Frågorna är detsamma jag vet, ska ändra det senare.
Men det är detta jag har hunnit få ut och vet inte hur jag ska kunna lägga till en countdown timer på 20 sekunder på varje fråga så en fråga visas i taget och så att använadren kan skriva in sitt "smeknamn" och sen att lyckas inte användaren fixa en fråga så förlorar man och så ska det finnas en knapp där man kan starta om.
Skulle uppskatta all hjälp till detta. Är nybörjare inom JS.
Big Bang Theory
Howard Wolowitz