content【初心者】JavaScriptで「コマ移動ゲーム(横移動のみ)」を作ってみたHTMLJavaScript初心者初心者向け最近、JavaScriptを勉強しています。練習として、「コマ移動ゲーム(横移動のみ)」を作ってみました。簡単なものですが、アウトプットが大切だと考えています。src="main.js"></script>タイトル、コマが移動するフィールド、3つのボタンという構成です。フィールドの描画は、JavaScriptにお任せしているので、要素の中身は空です。JavaScriptの読み込みも忘れずにしています。draw();});最初にフィールドとボタンのHTML要素を取得し、フィールドの数とコマの位置を示す値を定義しています。フィールドの数(動ける範囲)なのですが、ちょっと定数名が分かりにくいですね、反省します。フィールドを描画してくれます。フィールドのHTML要素内の文字列を足していく、という形で実現しています。フィールドをリセットしてくれます。引数に何かしら与えられた場合のみ、コマの位置もリセットしてくれます。フィールドのHTML要素内の文字列を空にする、という形で実現しています。3つのボタンについてそれぞれのボタンが押されたときの挙動を説明します。}などの、その他の基本的な知識については、僕の過去記事をどうぞ。【初心者】JavaScript(ES6)の基礎を勉強した【初心者】JavaScriptで「おみくじゲーム」を作ってみたおわりに「おみくじゲーム」に引き続き、JavaScriptでミニゲームを作ってみました。簡単なものですが、アウトプットは楽しいですし、Qiitaの記事を書くと個人的な復習にもなって、より深い理解につながりますね。引き続き、アウトプット重視でプログラミング学習がんばります。フォローしてくれたら喜びます。requestStockLike4@yuya_yuzen福岡のエンジニア志望の大学3年生です。2月はReactの学習をがんばっています。upLoginユーザーは見つかりませんでした。