JavaScript基础,前端

代码如下

<body>
    <div class="box">
        淘宝二维码
        <img src="images/tao.png" alt="">
        <i class="close-btn">×i>
    div>
    <script>
        var btn = document.querySelector('.close-btn');
        var box = document.querySelector('.box');
        console.log(btn);
        console.log(box);
        btn.onclick = function() {
            box.style.dispaly = 'none';
        }
    script>
body>

一个二维码图片旁边有x
想实现的效果是点击x就把图片隐藏掉
我先获取了btn和box元素后,在用btn调用js里的onclick，运行后代码没有效果,然而btn和box元素我输出了一下，结构是都获取到了
想问一下btn.onclick为什么没有效果

display拼错了