2のつく数字だけ猫が躍るアプリ


https://luminous-scone-d676ec.netlify.app/

新しく学んだこと

  • videoを取り込み条件によって再生したり止めたりする

  • 属性だけど属性じゃない?type=で指定しても動かない

videoのJS操作まとめくれてる記事

btn.addEventListener("click", () => {
  count += 1;
  if (count >= 100) {
    count = 0;
  }
  document.querySelector("p").textContent = numberToJapanese(count);
  const cat = document.querySelector("p").textContent
  if(cat.includes("にゃ~ん") == true){
    console.log(1);
    const video = document.getElementById('video');
    video.play();
    video.muted = true;
  
  }else{
    video.pause();
    video.currentTime = 0;
  }
  
});

ボタン押したときの条件一部抜粋

にゃ~んの時だけ をやり方
includes == true


思ってたことが出来たので満足。

この記事が気に入ったらサポートをしてみませんか?