Click here for free DL of the app version that can save data.

No:3185

865

←

Prev Next

→

Nintendos Annual General Meeting of Shareholders
Developer User3655｜Date and time 23/6/24 3:17:56
Build time 42.028 sec｜Game capacity 4.18KB｜

Script

で、社長が発表した「任天堂スマホアプリ」に触発されて、私もアプリを作ってみました！ HTMLファイルにJavaScriptを直接書き込み、スマホで遊ぶことができます。ゲームはシンプルな神経衰弱ゲームで、数字と絵文字のペアを記憶してマッチングさせるものです。タイムアタックで成績を競いましょう！

神経衰弱ゲーム

※スマホでプレイしてください！

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

Click here for free DL of the app version that can save data.

で、社長が発表した「任天堂スマホアプリ」に触発されて、私もアプリを作ってみました！

HTMLファイルにJavaScriptを直接書き込み、スマホで遊ぶことができます。ゲームはシンプルな神経衰弱ゲームで、数字と絵文字のペアを記憶してマッチングさせるものです。タイムアタックで成績を競いましょう！

<!DOCTYPE html>
<html>
<head>
	<title>神経衰弱アプリ</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body {
			font-size: 30px;
		}
		button {
			font-size: 30px;
			padding: 10px;
			margin: 10px;
		}
	</style>
</head>
<body>
	<h1>神経衰弱ゲーム</h1>
	<p>※スマホでプレイしてください！</p>
	<button id="start">スタート</button>
	<div id="cards"></div>
	<p id="timer"></p>
	<script>
		// JavaScript
		const emojis = ["😀","😎","🤖","🤯","🧐","🤪","🤔","😳","😴","🥺"]; // 絵文字10種類
		let numbers = [...Array(10).keys()]; // 0〜9の数字
		let pairs = numbers.concat(numbers); // 数字のペアを作成
		let shuffledPairs = shuffle(pairs); // ランダムな順番で並び替え
		let openedCards = []; // オープンされたカードを保持
		let matchedCards = []; // マッチングされたカードを保持
		let timerID; // タイマーのID

document.querySelector("#start").addEventListener("click", function() {
			// スタートボタンを押した時の処理
			clearInterval(timerID); // 前のタイマーをクリア
			document.querySelector("#timer").textContent = "0秒"; // タイマーを初期化
			document.querySelector("#cards").textContent = ""; // カードを初期化
			openedCards = []; // オープンされたカードを初期化
			matchedCards = []; // マッチングされたカードを初期化
			shuffledPairs = shuffle(pairs); // カードをランダムに並び替え
			renderCards(); // カードを表示
			timerID = setInterval(function() { // タイマーを開始
				let elapsedTime = Number(document.querySelector("#timer").textContent.replace("秒", "")); // 経過時間を取得
				elapsedTime++; // 1秒加算
				document.querySelector("#timer").textContent = elapsedTime + "秒"; // 秒数を表示
			}, 1000);
		});

function shuffle(arr) {
			let newArr = arr.slice();
			for (let i = newArr.length - 1; i > 0; i--) {
				let j = Math.floor(Math.random() * (i + 1));
				let temp = newArr[i];
				newArr[i] = newArr[j];
				newArr[j] = temp;
			}
			return newArr;
		}