【2桁の足し算クイズ】JavaScript初心者が作ってみた!|Udemyで勉強中

クイズ

最近プログラミングの勉強を始めました。

今回は2桁の足し算の練習アプリを作りました。

シンプルバージョンと自分で答えを入力するバージョンがあります。

足し算クイズは、JavaScript(ジャバスクリプト)という言語で作っています。

Udemy(ユーデミー)という動画学習サービスの初心者向けの講座で、HTML・CSS・JavaScriptを勉強しました。

プログラミングの基礎を学ぶだけで、これくらいのアプリなら自分で作れるようになります。

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

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

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

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

シンプルバージョン

「答え」ボタンをクリックしたら答えが表示されます。

「答え」ボタンが「次の問題」ボタンに変わるので、「次の問題」ボタンを押せば次の問題が表示されます。

問題はランダムに作成されます。

無限に2桁の足し算ができるので暇つぶしになりますね。

答えを入力するバージョン

スタートボタンを押せば問題が表示されます。

間違えたら強制終了となります。

答えを入力と書いてあるところに数字を入力して、OKを押しましょう。
エンターキーを押してもいいです。

一番上にSCOREが表示されます。現在は0になってます。

正解するとこのような画面が表示されます。

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

問題はランダムに表示されるので、問題の順番はいつも違います。

次の問題が表示されました。

SCOREが1に変わっています。

間違えるとこのような画面になります。

間違えると強制終了になるので、「次の問題」ボタンではなく「もう一回」ボタンが表示されています。

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

SCOREが5になれば背景色が変わります。

スコアが10,20,30,50の時も背景が変わります。

50点以上はいつまでやっても背景は変わりません。

やりすぎにはご注意を。

プログラミング学習を始めてみませんか?

このような足し算練習アプリを作ってみたいと思いませんか。

難しそうに感じるかもしれませんが、Udemyの初心者向けプログラミング講座で勉強すれば、この程度のものは作れるようになります。

気が向いた方はUdemyをチェックしてください。

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

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

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

【Udemy】プログラミング初心者にオススメの動画学習サービス
動画学習サービスUdemyで学べる、プログラミング初心者向けのWeb開発講座を紹介。HTML・CSS・JavaScriptなど、基礎からわかりやすく学べます。

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