Warning: Undefined array key "steps" in /home/bubudoufu/bubudoufu.com/public_html/wp-content/plugins/amp/src/ReaderThemeSupportFeatures.php on line 501
HTMLとCSSとJavaScriptを使って連打回数測定ゲームを作ってみる - プログラミングを学習中の私が、アウトプットするためのサイト
サイトアイコン プログラミングを学習中の私が、アウトプットするためのサイト

HTMLとCSSとJavaScriptを使って連打回数測定ゲームを作ってみる

このページではソースコードの一部分を簡単な解説をしています。

作成したゲームはコチラから
ソースコードはgithubにあります

スポンサーリンク

概要

画面をクリックするとゲームが開始されます。丸い青の円が縮小して消えるまでに何回連打できたかを競うゲームです。ランキング機能も実装していて、3位までに入るとランキングに登録することが出来ます。

ランキング機能実装関連の記事は↓にあります。

クリック回数を取得・保持・表示する

body要素にaddEventListenerを使用して、クリックイベントを取得し、変数countでクリック回数を保持をしています。HTMLの表示にはtextContentプロパティへ変数countの値を代入して表示させています。

作成したゲームはコチラから
ソースコードはgithubにあります
最後までお読みいただきありがとうございました。

モバイルバージョンを終了