プログラミング学習記録84〜JavaScriptで三択クイズ〜


今日やったこと


  • ドットインストール「JavaScriptでストップウォッチを作ろう」で作ったものをYoutubeに投稿

  • ドットインストール「JavaScriptで三択クイズを作ろう」で三択クイズを作り、YouTubeに投稿


ストップウォッチ

昨日作ったストップウォッチを画面収録で撮ったものです。

https://youtu.be/fm8QJx5h21E

ソースコードはこちらです。

https://github.com/yuta-kinu/MyStopwatch

しばらく経ってからコードを見ても理解できるように、コメントを加えまくっています。


「JavaScriptで三択クイズを作ろう」

全体的に色のバランスがいいなと思いました。

フィッシャー・イェーツのシャッフルというアルゴリズムを使って、問題の選択肢をシャッフルしました。

アルゴリズムに関する解説が#08の動画でされており、わかりやすかったです。

また、全ての問題を解いた後に表示されるアラートのようなものの実装の仕方が面白いなと思いました。

アラートのように出てくるのですが、実際は最初から画面外の見えないところにいて、全ての問題を解き終えたら見える位置に出てくるという感じです。

今回も作った後、実際に動かしている様子を画面収録してYouTubeに投稿しました。

https://youtu.be/QBRqWZvWF4g

ソースコードはこちらです。

https://github.com/yuta-kinu/MyQuizApp

ドットインストールのJavaScript(ES2017)がだいぶ進みました。

この調子で明日からも引き続き頑張りたいと思います。

おわり