プログラミング学習記録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を差し込んで欲しい、と思いました。

明日も頑張ります。




おわり