Javascript 如果设置了cookie，则显示div

我正在使用js cookie设置cookie。我有一个div设置为

display:none

如果设置了cookie，我想将其更改为

display:block

HTML：

<div id="cookie-hide">
  <p>test</p>
 </div>


试验


CSS：

<style>
#cookie-hide {display: none;}
</style>


#cookie隐藏{显示：无；}

这是JS：

<script>
function checkCookie() {
    var user= Cookies.get('video')
    if (user != "") {
      document.getElementById("cookie-hide").style.display = "block";
    }
}

Cookies.set('video', 'play');
</script>


函数checkCookie（）{
var user=Cookies.get（'video'）
如果（用户！=“”）{
document.getElementById（“cookie隐藏”）.style.display=“块”；
}
}
Cookies.set（“视频”、“播放”）；

我可以在chrome中看到cookie已经设置好了，但是div仍然没有显示。你知道代码出了什么问题吗？
按以下方式操作：

if (user == "") {
var x = document.getElementById("cookie-hide");
x.style.display = "block";
}

这应该行得通
代码很好。您没有在任何地方调用该函数

function checkCookie() {
    var user= Cookies.get('video')
    if (user != "") {
        document.getElementById("cookie-hide").style.display = "block";
    }
}

Cookies.set('video', 'play');

checkCookie();         // <----- This line.

函数checkCookie（）{
var user=Cookies.get（'video'）
如果（用户！=“”）{
document.getElementById（“cookie隐藏”）.style.display=“块”；
}
}
Cookies.set（“视频”、“播放”）；
checkCookie（）；//您需要将该脚本放在实际HTML的下面-有一个关于it@TakitIsyJavaScript自动插入分号更改您的条件
user！=“
to
user
您还没有调用
checkCookie
@BenjaminGruenbaum，那么为什么还要麻烦把它们放在表达式后面呢？