js-cookieでのundefineの判定について

Question

実現したいこと

1人につき、3回までしか表示されないおみくじをつくりたいと思っています。

前提

サイトに差し込みができるツールで、js-cookieを使って作りたいと思っています。

発生している問題・エラーメッセージ

表示回数を「count」に入れてその数で条件分岐をしていますが、
最初は「undefine」が入っているはずなのに、「undefine」ではない方の処理がされてしまいます。

該当のソースコード

<style>
    .popup-pr{
      position: relative;
    }
    .popup-ch{
      position: absolute;
      left: 0;
      top: 0;
      background-color: #fff;
      color: #333;
      position: fixed;
      right: 10px;
      bottom: 100px;
      z-index: 100000;
      width: 60%;
      height: 60%;
      margin: auto;
    }
    .popup-ch p{
      color: #333;
    }
  </style>
  <div class="gatya-popup-pr">
    <div class="gatya-popup-ch">
        <p>ガチャガチャを回す<br>ボタンをクリックしてください。</p>
        <div class="wrapper-button">
            <button id="button" class="button">おみくじを引く</button>
        </div>
        <p id="result"></p> 
    </div>
  </div>
  <script>
  window.addEventListener("load",function() {
    var count = Cookies.get("count");
    if( count === "undefined"){
          var count = 1;
          mattrz_jquery(".gatya-popup-ch").css("display","block");
          const list = {
              "1等" : 0.02,
              "2等" : 0.1,
              "3等" : 99.88,
          };
        document.getElementById("button").onclick = function () {
        var random = Math.floor(Math.random() * 100);
        var rate = 0;
        for(var data in list){
          rate += list[data];
          if(random <= rate){
            document.getElementById("result").textContent = data;
            document.cookie = 'r=data';
            return;
          }
        }
      }
      }else{
      count = count++;
      if(count >= 4 ){
          mattrz_jquery(".gatya-popup-ch").css("display","none");
      }
    }
  })
  </script>

試したこと

if文の条件を(!count)にして、中身も反対にしてみましたが、反対の処理がされてしまいます。
すみませんが、どなたかご教示いただきたいです。よろしくお願いします。

Answer 1

文字列として比較してください

if( count === "undefined"){
↓↓↓
if(typeof count === "undefined"){

もしくはデフォルト値を設定しておくとか

var count = Cookies.get("count")??null;
if(count === null){

※すみません、表記間違えてたので修正しました

Comments

[risa__]

返信が遅くなりすみません。
yambejpさんの2つ目のデフォルト値を設定してみたら、狙い通りの条件分岐の処理ができるようになりました。
ありがとうございました！！