2桁の足し算アプリを改良しました

クイズ

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

以前に作った2桁の足し算を練習するアプリを改良しました。

以前のバージョン

以前のバージョンは、ボタンを押したら隠れていた答えが表示されるというものでした。

バージョン2では、自分で答えを入力してコンピュータに正解か不正解かを判定してもらうようになっています。

1か月前はやり方がわからなくて断念したこともできるようになって楽しいですね。

アプリの使い方

2桁の足し算-ver2 にアクセスすると下のような画面が表示されます。

「間違えたら終わりです」と書いてあるように、間違えたら強制終了します。

「スタート」ボタンを押しましょう。

クイズ画面を表示

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

24 + 74 と表示されているので、答えを入力してOKボタンを押します。

エンターキーを押しても同じです。

問題はランダムなので、普通は違う数字が表示されています。

答えを入力

おそらく答えは「98」なので「98」と入力してみます。

正誤判定画面

「正解」と表示されました。

「次の問題」ボタンを押すと次の問題が表示されます。

SCOREの表示

違う問題が表示されました。

正解したので、一番上の「SCORE」が「1」に増えています。

1問正解すると1ずつ増えるので、何問正解しているかがわかります。

不正解なら終了

間違えてしまうと上のような画面が表示されます。

間違えないで何問連続で正解できるかに挑戦してみてはいかがでしょうか。

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

ときどき背景色が変わる

5問正解すると背景色がきれいな色に変わりました。

SCOREが切りのいい数字になると背景色が変わるように設定しています。

50問で変化するのが最終なので、それ以上は何問正解しても変わりません。

背景色の変化が見たいという理由で50問以上続けるのはやめてください。

おすすめプログラミング学習サービス【広告】

Udemy(ユーデミー)でプログラミングを勉強しよう!

私はUdemyという動画学習サービスで、プログラミング初心者向けの講座を見ながら、HTML・CSS・JavaScriptの勉強をしています。

初心者向けでも私には難しい部分も多いのですが、わかる範囲内の知識だけでこのブログで紹介しているようなアプリを作ることができます。

プログラマーを目指す方や、現役プログラマーの方向けのレベルの高い講座もたくさんあります。

プロを目指す方はもちろん、暇を持て余している方もUdemyでプログラミングを勉強してみてはいかがでしょうか。

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