ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2024/10/10
NEW
【週刊ドットインストール】 レッスン制作の進捗、レッスン一覧リニューアルプロジェクト、Astroサイトが進化中
2024/05/07
NEW
あなただけの学習ロードマップを作成します 【随時受付中】
PREMIUM
【旧版】JavaScriptで数字タッチゲームを作ろう
JavaScriptで数字をタッチしてクリアーしていくゲームを作ってみます。
0%
新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
PREMIUM
JavaScriptで数字タッチゲームを作ろう
JavaScriptで数字をタッチしていくゲームを作る方法について見ていきます。
0%
動画レッスン一覧
(10)
質問と回答
(1)
#01 数字をタッチするゲームを作ろう
(01:12)
無料公開中
完成版
必要となる知識
レッスンにおける環境
未完了
#02 画面を作りこんでいこう
(02:45)
無料公開中
index.htmlの作成
スタイリング
未完了
#03 ボタンのスタイルを整えていこう
(02:47)
無料公開中
スコアのスタイリング
ボタンのスタイリング
未完了
#04 数字パネルを作っていこう
(02:32)
数字パネル
スタイリング
未完了
#05 ボタンを自動生成していこう
(02:48)
ボタンの生成
ボタンの追加
未完了
#06 ボタンの数を変数で管理しよう
(02:47)
変数による管理
コードの修正
動作確認
未完了
#07 ボタンを押した時の処理を実装しよう
(02:37)
ボタンを押した時の処理
未完了
#08 スコアを表示してみよう
(02:56)
スコア処理の実装
未完了
#09 STARTボタンを動作させよう
(01:56)
STARTボタンの実装
未完了
#10 ボタンの数字を隠してみよう
(02:46)
擬似要素の利用
動作確認
未完了
#06 ボタンの数を変数で管理しよう
while(buttons.length) の条件式をもう少し詳しく教えてください
2017年12月4日
リリース情報(note)
記事はありません。
詳細情報
最終更新日
2015年6月26日
バージョン情報
HTML5 / CSS3