Текст, вставленный в HTML, исчезает после завершения функции

Question

Я пытаюсь сохранить некоторые данные в JSON в localStorage, вот так.(Это происходит в функции.)

var inkomster = [];    
var nyInkomst = {
        "datum": datum,
        "beskrivning": beskrivning,
        "belopp": belopp
};
inkomster.push(nyInkomst);
localStorage.setItem("inkomster", JSON.stringify(inkomster));

Позже должна быть возможность извлечь данные и представить их на веб-странице, поэтому я делаю это в другой функции:

var retrievedIncomeObject = localStorage.getItem("inkomster");
storedInkomster = JSON.parse(retrievedIncomeObject);
var aktuellManadInkomster = {};

for (var key in storedInkomster) {
            if (storedInkomster.hasOwnProperty(key)) {  
                if(storedInkomster[key].datum.substring(3,5) == manadsnummer){
                aktuellManadInkomster[key] = storedInkomster[key];
                }
            }
}

for (var key2 in aktuellManadInkomster) { 
    if (aktuellManadInkomster.hasOwnProperty(key2)) {
       document.getElementById('statistikDIV').insertAdjacentHTML('afterbegin', aktuellManadInkomster[key2].datum);
    }
}

Мои данные представлены в теге statistikDIV так, как я хочу, но только при выполнении функции. Когда функция завершена, мои данные исчезают с моей веб-страницы.

Я не понимаю, почему это происходит, но я предполагаю, что что-то есть в объектахи объем в Javascript, который я не понимаю?

Answer 1

Я добавил type = "button" в свой тег кнопки.Это решило проблему.Спасибо!