Javascript エラーについて

45行目(if(i===winner){)のところでエラーが発生しているみたいなのですが、
winnerも定義されているはずですし、原因がわかりません。
どなたかご教示お願い致します。

<html lang="ja">
<head>
    <meta charset="utf-8">
    <title>Java Script Practice</title>
    <style>
        body{
            display: flex;![イメージ説明](d6e34ddc37ee942c2a76a918a492da29.png)
            flex-wrap: wrap;
        }
        .box{
            width:100px;
            height:100px;
            background-color:blue;
            cursor:pointer;
            transition:0.8s;
            margin:0 8px 8px 0;
            text-align:center;
            line-height: 100px;
        }
        .win{
            background:pink;
            border-radius:50%;
            transform:rotate(360deg);
        }
        .lose{
            transform:scale(0,9);

        }
    </style>

</head>
<body>
    <script>
        'use strict';

        const num=5;
        const winnner=Math.floor(Math.random()*num);
    
        for(let i=0; i<num; i++){
            const div=document.createElement('div');
            div.classList.add('box');

            div.addEventListener('click',()=>{
                if(i===winner){
                    div.textContent='Win!';
                    div.classList.add('win');

                }else{
                    div.textContent='Lose!';
                    div.classList.add('lose');0. 

                }
                
            });

            document.body.appendChild(div);
            }
        
        
    </script>
</body>

</html>