如果localstorage为空，则显示欢迎消息

我正在尝试编写一个简单的函数来检查本地存储的长度，如果它是0、未定义或null，我希望用户看到一条弹出消息，因为这意味着他们是第一次访问，或者如果他们以前来过，则向他们显示一个触发消息的按钮。

然而，我甚至无法让浏览器告诉我哪些值正在传递到本地存储中。

这是我的代码：

function local() {
var storageLocal = window.localStorage.length;
if (storageLocal !== 0 && storageLocal === undefined && storageLocal === null ){
document.getElementById('message').style.cssText = 'display: block';
}
else {
document.getElementById('button').style.cssText = 'display: block';
}
}

这是我的css：

#message, #button {display: none;}

HTML:

<div id="message">MESSAGE</div>
<div id="button">BUTTON</div>

如果有更简单的方法，请告诉我。我正在实现一个CMS程序，因此不能使用"追加到"jquery。