【ボタン連打アプリ】10秒間で何回押せるかに挑戦

暇つぶし

暇なのでプログラミングの勉強をしています。

以前にボタンを100回押すだけのボタン連打というアプリを作りました。

あまりにもつまらないので、10秒間で何回ボタンを押せるかというゲームに改善しました。

こちらは何度も自己ベストに挑戦したくなるので、長時間の暇つぶしが可能だと思います。

10秒間連打に挑戦しよう

ここから実際にボタン連打アプリをプレイできます👇

自分の限界を超えていけ!

Udemy(ユーデミー)という動画学習サービスで勉強して連打アプリを作りました。
私が受講した講座はこちら👇

※このリンクは広告です(アフィリエイトリンク)

【世界で90万人が受講】Web Developer Bootcamp(日本語版)をUdemyで見る icon

セール情報
Udemyはセールが頻繁に行われていて、90%OFFになることも珍しくありません。
受講するなら、タイミングを見ておトクに始めてみてください!

ボタン連打アプリの遊び方

「スタート」ボタンを押すと、上の画像のような画面に変わります。

「押せ」と書いてあるボタンのように見える部分を連打してください。

Scoreが0になっていますが、1回ボタンを押すごとにScoreが1ずつ増えていきます。

Timeは残り時間を表していて、10秒からスタートして、1秒ごとに1ずつ数字が減っていきます。

Timeが0になったら終了です。

10秒経過するとこのような画面に変わります。

10秒間で39回ボタンを押せました。

「普通のスピードですね」とメッセージが表示されています。

「もう一回」ボタンを押すと最初の画面に戻ります。

連打の回数によってメッセージが変わるので、いろんなメッセージを見るために頑張ってください。

100回以上は何回押してもメッセージは同じです。
10秒で100回連打できる人がいるとは思えませんが、自分の限界にチャレンジしてみてはいかがでしょうか。

「自分にも作れるかも」と思ったら、Udemyをチェック!

私はUdemyという動画学習サービスで、HTML・CSS・JavaScript(ジャバスクリプト)を勉強しました。

今回作ったボタン連打アプリでは、

  • ボタンを押すとSCOREが増える
  • 1秒ごとにカウントダウンする
  • 10秒経過したらスコアとメッセージを表示する

といった機能をJavaScriptで実装しています。

初心者向けの講座で基礎から学べば、このような簡単なウェブアプリを作れるようになります。

プログラミングに興味がある方は、Udemyの講座を受講してみてはいかがでしょうか?

私が受講した講座はこちら👇

※このリンクは広告です(アフィリエイトリンク)

【世界で90万人が受講】Web Developer Bootcamp(日本語版)をUdemyで見る icon

セール情報
Udemyではほぼ毎月セールが開催されていて、90%オフになることもあります。購入するならセール期間が断然おトクです!

タイトルとURLをコピーしました