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

No:475

415

←

Prev Next

→

Ge playing with AI fairies
Developer jisho｜Date and time 23/6/14 20:05:49
Build time 42.678 sec｜Game capacity 2.62KB｜

Script

AIの妖精と遊ぼう！

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>AIの妖精と遊ぼう！</title>
	<style>
		body {
			background-color: #f8f4e3;
		}
		h1 {
			text-align: center;
			margin-top: 50px;
			font-size: 50px;
			color: #ff1493;
		}
		input[type="text"] {
			display: block;
			margin: auto;
			margin-top: 30px;
			padding: 10px;
			font-size: 20px;
			border-radius: 10px;
			border: none;
			outline: none;
			background-color: #fff;
			box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
			width: 80%;
			text-align: center;
			color: #ff1493;
		}
		button {
			display: block;
			margin: auto;
			margin-top: 20px;
			padding: 10px;
			font-size: 20px;
			border-radius: 10px;
			border: none;
			outline: none;
			background-color: #ff1493;
			color: #fff;
			box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
		}
		#magic-button {
			text-align: center;
		}
		#output {
			text-align: center;
			font-size: 30px;
			margin-top: 50px;
			color: #ff1493;
		}
	</style>
	<script>
		var aiName = "";
		var words = [];

function setName() {
			aiName = document.getElementById("name-input").value;
			alert("名前を" + aiName + "にしました。");
		}

function teachWord() {
			var word = document.getElementById("word-input").value;
			words.push(word);
			alert(word + "を" + aiName + "に教えました。");
			document.getElementById("word-input").value = "";
		}

function forgetWord() {
			var index = Math.floor(Math.random() * words.length);
			var word = words[index];
			words.splice(index, 1);
			alert(word + "を" + aiName + "から忘れさせました。");
		}

function castMagic() {
			if (words.length === 0) {
				document.getElementById("output").innerText = "何も覚えていないようです…";
				return;
			}

var spell = "";
			for (var i = 0; i < 3; i++) {
				var index = Math.floor(Math.random() * words.length);
				var word = words[index];
				spell += word;
			}

document.getElementById("output").innerText = aiName + "は" + spell + "の魔法を唱えました！";
		}
	</script>
</head>
<body>
	<h1>AIの妖精と遊ぼう！</h1>
	<input id="name-input" type="text" placeholder="妖精の名前を入力してください">
	<button onclick="setName()">名前を決定する！</button>
	<input id="word-input" type="text" placeholder="教えたい言葉を入力してください">
	<button onclick="teachWord()">教える</button>
	<button onclick="forgetWord()">教えた言葉を忘れさせる</button>
	<div id="magic-button">
		<button onclick="castMagic()">🎉 魔法を唱える 🎵</button>
	</div>
	<div id="output"></div>
</body>
</html>