Не работает проверка на localstorage.getitem?

var todos = [];
    if(localStorage.getItem("todo") !== null) {
        var todos = localStorage.getItem("todo");
        $(".array").html(todos.join(", "));
    }

    $(".addFirst").on("click", function() {
        var value = $(".addInput").val();

        todos.unshift(value);
        $(".array").html(todos.join(", "));
        localStorage.setItem("todo", todos);
    });

    $(".addLast").on("click", function() {
        var value = $(".addInput").val();

        todos.push(value);
        $(".array").html(todos.join(", "));
        localStorage.setItem("todo", todos);
    });

    $(".deleteFirst").on("click", function() {
        todos.shift();
        $(".array").html(todos.join(", "));
        localStorage.setItem("todo", todos);
    })
    $(".deleteLast").on("click", function() {
        todos.pop();
        $(".array").html(todos.join(", "));
        localStorage.setItem("todo", todos);
    })

    $(".getStorage").on("click", function() {
        alert(localStorage.getItem("todo"));
    });