プログラミング学習記録76〜おみくじゲーム〜

今日やったこと

• ドットインストール「JavaScriptでおみくじを作ろう」でおみくじを作り、少しアレンジする
• アレンジしたものをYouTubeに投稿する
• ドットインストール「JavaScriptでタイピングゲームを作ろう」を途中までやる

前回と同じようにドットインストールで作ったものを少しアレンジして、動作している様子をYouTubeに投稿してみました。
ドットインストール「JavaScriptでおみくじを作ろう」を少しアレンジして作ったもの

おみくじの種類を増やして、確率を調整しました。




また、以下のようにjsとCSSを記述して、ボタンを作りました。

mousedownはマウスボタンが押された時、mouseupはマウスボタンを離した時に起こるイベントです。

以下のように書くと、押された時にbtnにpressedというクラスが追加されて、離した時にはpressedクラスが外されます。

btn.addEventListener('mousedown' , () => {
    btn.classList.add('pressed');
  });


btn.addEventListener('mouseup' , () => {
    btn.classList.remove('pressed');
  });

#btn.pressed{
  box-shadow: 0 5px 0 #d1483e;
  margin-top: 35px;
}

＃05のMath.random() Math.floor()の解説がめちゃくちゃわかりやすかったです。

「はじめてのJavaScript」の途中に#05を差し込んで欲しい、と思いました。

明日も頑張ります。


おわり