最近プログラミングの勉強を始めました。
今回は2桁の足し算の練習アプリを作りました。
シンプルバージョンと自分で答えを入力するバージョンがあります。
足し算クイズは、JavaScript(ジャバスクリプト)という言語で作っています。
Udemy(ユーデミー)という動画学習サービスの初心者向けの講座で、HTML・CSS・JavaScriptを勉強しました。
プログラミングの基礎を学ぶだけで、これくらいのアプリなら自分で作れるようになります。
私が受講した講座はこちら👇
※このリンクは広告です(アフィリエイトリンク)
【世界で90万人が受講】Web Developer Bootcamp(日本語版)をUdemyで見るセール情報:Udemyではほぼ毎月セールが開催されていて、90%オフになることもあります。購入するならセール期間が断然おトクです!
シンプルバージョン
「答え」ボタンをクリックしたら答えが表示されます。
「答え」ボタンが「次の問題」ボタンに変わるので、「次の問題」ボタンを押せば次の問題が表示されます。
問題はランダムに作成されます。
無限に2桁の足し算ができるので暇つぶしになりますね。
答えを入力するバージョン
スタートボタンを押せば問題が表示されます。
間違えたら強制終了となります。

答えを入力と書いてあるところに数字を入力して、OKを押しましょう。
エンターキーを押してもいいです。
一番上にSCOREが表示されます。現在は0になってます。

正解するとこのような画面が表示されます。
「次の問題」ボタンを押すと次の問題が表示されます。
問題はランダムに表示されるので、問題の順番はいつも違います。

次の問題が表示されました。
SCOREが1に変わっています。

間違えるとこのような画面になります。
間違えると強制終了になるので、「次の問題」ボタンではなく「もう一回」ボタンが表示されています。
「もう一回」ボタンを押すと最初の画面に戻ります。SCOREも0点に戻ります。

SCOREが5になれば背景色が変わります。
スコアが10,20,30,50の時も背景が変わります。
50点以上はいつまでやっても背景は変わりません。
やりすぎにはご注意を。
プログラミング学習を始めてみませんか?
このような足し算練習アプリを作ってみたいと思いませんか。
難しそうに感じるかもしれませんが、Udemyの初心者向けプログラミング講座で勉強すれば、この程度のものは作れるようになります。
気が向いた方はUdemyをチェックしてください。
※このリンクは広告です(アフィリエイトリンク)
【世界で90万人が受講】Web Developer Bootcamp(日本語版)をUdemyで見るセール情報:Udemyはセールが頻繁に行われていて、90%OFFになることも珍しくありません。受講するなら、タイミングを見ておトクに始めてみてください!
