I'm trying to keep the text entered in a tag and when I refresh it doesn't save and I can't figure out why. I'm not receiving any error in my localstorage, console, or VS.

I have localStorage being called first, and when I go into my console I see the information there.

// fill in and save timeslot items
var myTasks = [];
var nineOclock = document.getElementById("nineoclock");
// call function to get data

var savedTasks = function() {
    localStorage.getItem("myTasks")
    if (savedTasks) {
        savedTasks = JSON.parse(localStorage.getItem("myTasks"))
    } else {
        localStorage.getItem("myTasks", JSON.stringify(myTasks))
    };
};

function retrieveTasks() {
    if (savedTasks.length > 0) {
        savedTasks.forEach(task => {
            console.log("this task is: ", task);
            nineOclock.children[0].children[1].value = task.tasktxtarea
        })
    }
}
    

retrieveTasks();



var addTask = (event) =>{
    event.preventDefault();

    let task = {
        id: Date.now(),
        tasktxtarea: document.getElementById("tasktext").value, 
    }
    
    myTasks.push(task);

    console.log("added", myTasks)
    

    // save to local storage
    localStorage.setItem("myTasks", JSON.stringify(myTasks));
    

    if (moment().isAfter(date)) {
        $(task).addClass("list-group-item-danger");
    } else if (Math.abs(moment().diff(time, "days")) <= 2) {
        $(task).addClass("list-group-item-warning");
    }
         
}