Javascript Локальное хранилище не загружается в массив. Javascript Викторина

Question

Я пытаюсь создать Javascript викторину, которая сохраняет счет тестировщика плюс ввод текста в объект. Кажется, что объект хранится в моем локальном хранилище, но он не выдвигает новые записи, чтобы удлинить список лидеров списка с помощью манипуляторов Dom.

Он просто перезаписывает существующую запись в локальной системе новой, и это не делает список лидеров длиннее, чем одна запись. Любая помощь будет приветствоваться.

function saveHighScore() {
    var localLeaderBoard = JSON.parse(localStorage.getItem('leaderboardArray'));

    for (let k = 0; k < localLeaderBoard.length; k++) {
        let listElement = document.createElement('li');
        listElement.textContent = localLeaderBoard[k].name;
        leaderboardListUl.append(listElement);
        listElement.setAttribute('class', 'list-group-item d-flex justify-content-between align-items-center');

        let scoreElement = document.createElement('span');
        scoreElement.textContent = localLeaderBoard[k].score;
        listElement.append(scoreElement);
        scoreElement.setAttribute('class', 'badge badge-primary badge-pill');
    }
}

nameScoreSubmitBtn.addEventListener('click', function (event) {
    event.preventDefault();

    console.log(nameScoreValue.value);
    console.log(scoreSave.innerText);

    var nameScore = {
        name: nameScoreValue.value.trim(),
        score: scoreSave.innerText.trim(),
    };
    leaderboardArray.push(nameScore);
    localStorage.setItem('leaderboardArray', JSON.stringify(leaderboardArray));
    console.log(leaderboardArray);
    saveHighScore();
    hideSubmitDiv();
});