JavaScriptソースコード

Image JavaScriptソースコード

JavaScript記憶ゲーム(レベルアップ式・ランダム)のソースコード

<style>/* ゲームコンテナのスタイル */#game-container {display: grid;grid-template-columns: repeat(3, 100px);gap: 5px;margin-bottom: ...
Image JavaScriptソースコード

JavaScript記憶ゲーム(レベルアップ式)のソースコード

<style>/* ゲームコンテナのスタイル */#game-container {display: grid;grid-template-columns: repeat(3, 100px);gap: 5px;margin-bottom: ...
Image JavaScriptソースコード

JavaScript記憶ゲーム(入力式)のソースコード

<style>/* ゲームコンテナのスタイル */#game-container {display: grid;grid-template-columns: repeat(3, 100px);gap: 5px;margin-bottom: ...
Image JavaScriptソースコード

JavaScriptマインスイーパーのソースコード

<style>#game-container { text-align: center; }#minesweeper-board {display: inline-grid;gap: 1px;background-color: #000;p...
Image JavaScriptソースコード

JavaScript石取りゲームのソースコード

<h1>石取りゲーム</h1><p>20個の石を1~3個の間で取っていき最後の1個を取らなければ勝利です</p><p id="stones">残りの石の数: 20</p><p id="stoneVisual"></p><p id="mess...
Image JavaScriptソースコード

JavaScriptライツアウトのソースコード

<style>/* ゲームコンテナのスタイル */#game-container {width: 306px;margin: 50px auto;text-align: center;}/* ゲームボードのスタイル */#game-boar...
Image JavaScriptソースコード

JavaScript数字当てゲームのソースコード

<h1>数字当てゲーム</h1><p>コンピューターが選んだ0~9までの数字を予想してください。</p><input type="number" id="guessInput" min="0" max="9"><button id="gue...
Image JavaScriptソースコード

JavaScriptさめがめのソースコード

<style>/* ゲームコンテナのスタイル */#game-container {height: 497px;width: 310px;}/* ゲームボードのスタイル */#game-board {display: grid;gap: 1...
Image JavaScriptソースコード

JavaScript英語クイズのソースコード

<button onclick="quizFunction()">英語クイズをはじめる</button><p id="result"></p><script>function quizFunction() {//問題と答えをリストにするle...
Image JavaScriptソースコード

JavaScriptじゃんけんのソースコード

<style>img:hover {border: solid 1px;}</style><h1>じゃんけん</h1>コンピューターの手<br><img id="computerchoiceImg" src="gu.png"><p id="...