The strength of the letters entered is put into a tier table and rated.'s game

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

No:2118

3284

←

Prev Next

→

The strength of the letters entered is put into a ..ALL
Developer User3497｜Date and time 23/6/20 7:40:50
Build time 39.601 sec｜Game capacity 2.69KB｜

Script

はい、了解しました。以下に示すのは、JavaScriptを使用して実装された文字格付けゲームの例です。

入力された文字の強さを格付けしてください

このゲームは、入力された文字の強さを5つのランクに分けることができます。ランクに応じたスコアを計算して、tier表を使用してランクを決定します。各ランクに該当するスコアの範囲は、tier表で定義されています。ボタンをクリックすることで、入力されたテキストの強さに応じたスコアが加算され、ランクが更新されます。現在のランクは画面下部に表示されます。このゲームはスマホでもプレイ可能であり、絵文字を多めに使用しています。

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

はい、了解しました。以下に示すのは、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: 24px;
			text-align: center;
		}
		button {
			font-size: 20px;
			margin: 10px;
			padding: 10px 20px;
			border-radius: 20px;
			border: none;
			color: white;
			background-color: #007bff;
			cursor: pointer;
			box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
		}
		#question {
			font-weight: bold;
			margin-top: 50px;
		}
		#rank {
			font-size: 28px;
			font-weight: bold;
			margin-top: 50px;
		}
	</style>
</head>
<body>
	<div id="question">入力された文字の強さを格付けしてください</div>
	<button onclick="checkRank(1)">Tier 1</button>
	<button onclick="checkRank(2)">Tier 2</button>
	<button onclick="checkRank(3)">Tier 3</button>
	<button onclick="checkRank(4)">Tier 4</button>
	<button onclick="checkRank(5)">Tier 5</button>
	<div id="rank"></div>

// 現在の入力されたテキストの強さを表すスコア
		let score = 0;

// 現在のランク
		let currentRank = null;

// 5つのランクに分ける
		function checkRank(tier) {
			score += (tier * 20);
			for (let i = 0; i < tierTable.length; i++) {
				if (score >= tierTable[i].minScore && score <= tierTable[i].maxScore) {
					currentRank = tierTable[i].rank;
					break;
				}
			}
			displayRank();
		}

// 現在のランクを表示する
		function displayRank() {
			document.getElementById("rank").innerHTML = "現在のランクは" + currentRank + "です。";
		}
	</script>

</body>
</html>