「JavaScriptって何が作れるの？」
「プログラミングを勉強しても、どんな成果が出せるのか分からない…」
そんな方に向けて、初心者が作った足し算クイズアプリを公開します。
これは、動画学習サービス「Udemy」でHTML・CSS・JavaScriptを学びながら、実際に作ってみたものです。
👇 今すぐ遊べます。何問連続で正解できるか挑戦してみてください！
このクイズのルール
このクイズでは、2桁の足し算がランダムに出題されます。
間違えると終了。正解し続ければ、スコアが上がり続けて背景も変化します。
何問連続で正解できるか、ぜひ挑戦してみてください。
スピード勝負ではないので、じっくり考えてもOKです！
スコアが50点になると最後の背景変化が起こります。
それ以降は背景は変わりませんので、あとは自己挑戦モードです！
やりすぎにはご注意を😅
正解！嬉しい瞬間✨
ここでスコアが1に！
間違えたらゲームオーバー💧
どんな技術で作ったの？
このクイズでは、次のようなJavaScriptの基本的な機能を使っています。
✅ ランダムな2桁の数字を生成
✅ 足し算の正誤を判定
✅ DOMを操作して表示を切り替え
✅ 条件に応じて画面の背景を変化
難しそうに見えるかもしれませんが、Udemyの講座で基礎から順番に学べば、こういったアプリは十分作れるようになります。
私が使った学習サービス
私がJavaScriptを勉強したのは、Udemyという動画学習サービスです。
・講師の話を聞きながら手を動かせる
・1本の講座でHTML/CSS/JavaScriptを一通り学べる
・セール時は数千円で受講できる！
私が受講した講座はこちら👇
📘【世界で90万人が受講】Web Developer Bootcamp（日本語版）
※このリンクは広告です（アフィリエイトリンク）
Udemyで講座を見るおわりに
正直に言うと、この足し算クイズアプリを作るまで、かなり苦労しました。
動画を見ただけでは理解しきれず、何度も巻き戻したり、調べ直したり…。
でも、少しずつコードが動いて形になっていくのは、本当に楽しかったです。
「初心者でもすぐ作れる」とまでは言いませんが、
私のように苦労しながらでも、ちゃんと動くものは作れました。
興味がある方はUdemyでプログラミング学習を始めてみてはいかがでしょうか。
関連リンク
📚 Udemyってどんなサービス？ 解説記事はこちら
👉 独学でWebアプリが作れる！初心者におすすめのUdemy講座と学習のコツ
※セール情報などもまとめています。
📚 ランダムな整数を生成する方法を解説
👉 【JavaScript入門】Math.random()の使い方｜ランダムな数字を生成する基本をやさしく解説
