ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2025/03/27
NEW
【週刊ドットインストール】 Nuxt入門のレッスンをリリースしました
2024/05/07
NEW
あなただけの学習ロードマップを作成します 【随時受付中】
PREMIUM
【旧版】JavaScriptでタイピングゲームを作ろう
JavaScriptを使ったシンプルなタイピングゲームを作ってみます。
0%
新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
PREMIUM
JavaScriptでタイピングゲームを作ろう
JavaScriptで簡単なタイピングゲームを作る方法について学んでいきます。
0%
動画レッスン一覧
(8)
質問と回答
(1)
#01 タイピングゲームを作ろう
(03:01)
無料公開中
完成版の確認
仕様の確認
必要となる知識
必要となるツール
index.htmlの作成
未完了
#02 スタイルを整えていこう
(02:57)
無料公開中
スタイルの整備
変数の宣言、初期化
未完了
#03 タイプしたキーを取得していこう
(02:53)
イベントの設定
キーの取得
正誤判定
未完了
#04 正解した文字を_にしよう
(02:41)
scoreの表示
missの表示
正解部分の表示
未完了
#05 複数の単語に対応させてみよう
(02:15)
wordsの用意
setTarget()
動作確認
未完了
#06 クリックでゲームスタートさせよう
(02:58)
init()
クリックイベントの設定
動作確認
未完了
#07 制限時間を設けよう
(02:38)
制限時間の設定・表示
タイマー処理の実装
動作確認
未完了
#08 最後のメッセージを表示しよう
(02:25)
正答率の計算
メッセージの表示
動作確認
未完了
#03 タイプしたキーを取得していこう
innerHTMLを使う理由はなんでしょうか?
2017年10月27日
リリース情報(note)
記事はありません。
詳細情報
最終更新日
2016年2月18日
バージョン情報
HTML5 / CSS3