How to make leaderboards saved in LocalStorage, and accessible even after reloading the page. Only the javascript function is needed! //leaderboard selector const backMenBtn = ldrDiv.querySelector('button#backMenBtn') const leaderEasy= ldrDiv.querySelector('#leaderboard-content1'); const leaderHard= ldrDiv.querySelector('#leaderboard-content2'); let leaderboardEasy = [] let leaderboardHard = [] function endGame() { stopTimer(); menuDiv.style.display='none' gameDiv.style.display='none' rulesDiv.style.display='none' ldrDiv.style.display='none' res.style.display='block' constresults=document.querySelector('#results') results.innerHTML="Game Over! "+nameInput.value+" - "+time.innerHTML letdiff=getSelectedDifficulty() if (diff==='easy') { leaderboardEasy.push([nameInput.value, time.innerHTML]) } else if (diff === 'hard') { leaderboardHard.push([nameInput.value, time.innerHTML]) } leaderEasy.innerHTML=''; leaderHard.innerHTML=''; leaderboardEasy.forEach(([name, time]) => { constli=document.createElement('li'); li.innerHTML=`<a>${name} - ${time}</a>`; leaderEasy.appendChild(li); }); leaderboardHard.forEach(([name, time]) => { constli=document.createElement('li'); li.innerHTML=`<a>${name} - ${time}</a>`; leaderHard.appendChild(li); }); }
How to make leaderboards saved in LocalStorage, and accessible even after reloading the page. Only the javascript function is needed! //leaderboard selector const backMenBtn = ldrDiv.querySelector('button#backMenBtn') const leaderEasy= ldrDiv.querySelector('#leaderboard-content1'); const leaderHard= ldrDiv.querySelector('#leaderboard-content2'); let leaderboardEasy = [] let leaderboardHard = [] function endGame() { stopTimer(); menuDiv.style.display='none' gameDiv.style.display='none' rulesDiv.style.display='none' ldrDiv.style.display='none' res.style.display='block' constresults=document.querySelector('#results') results.innerHTML="Game Over! "+nameInput.value+" - "+time.innerHTML letdiff=getSelectedDifficulty() if (diff==='easy') { leaderboardEasy.push([nameInput.value, time.innerHTML]) } else if (diff === 'hard') { leaderboardHard.push([nameInput.value, time.innerHTML]) } leaderEasy.innerHTML=''; leaderHard.innerHTML=''; leaderboardEasy.forEach(([name, time]) => { constli=document.createElement('li'); li.innerHTML=`<a>${name} - ${time}</a>`; leaderEasy.appendChild(li); }); leaderboardHard.forEach(([name, time]) => { constli=document.createElement('li'); li.innerHTML=`<a>${name} - ${time}</a>`; leaderHard.appendChild(li); }); }
Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
Question
How to make leaderboards saved in LocalStorage, and accessible even after reloading the page. Only the javascript function is needed!
//leaderboard selector
const backMenBtn = ldrDiv.querySelector('button#backMenBtn')
const leaderEasy= ldrDiv.querySelector('#leaderboard-content1');
const leaderHard= ldrDiv.querySelector('#leaderboard-content2');
let leaderboardEasy = []
let leaderboardHard = []
function endGame() {
stopTimer();
menuDiv.style.display='none'
gameDiv.style.display='none'
rulesDiv.style.display='none'
ldrDiv.style.display='none'
res.style.display='block'
constresults=document.querySelector('#results')
results.innerHTML="Game Over! "+nameInput.value+" - "+time.innerHTML
letdiff=getSelectedDifficulty()
if (diff==='easy') {
leaderboardEasy.push([nameInput.value, time.innerHTML])
} else if (diff === 'hard') {
leaderboardHard.push([nameInput.value, time.innerHTML])
}
leaderEasy.innerHTML='';
leaderHard.innerHTML='';
leaderboardEasy.forEach(([name, time]) => {
constli=document.createElement('li');
li.innerHTML=`<a>${name} - ${time}</a>`;
leaderEasy.appendChild(li);
});
leaderboardHard.forEach(([name, time]) => {
constli=document.createElement('li');
li.innerHTML=`<a>${name} - ${time}</a>`;
leaderHard.appendChild(li);
});
}
Expert Solution
This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
Step by step
Solved in 2 steps
Knowledge Booster
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.Recommended textbooks for you
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education