AI game creator

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

No:1093

121

←

Prev Next

→

Beyond the arrow
Developer User3245｜Date and time 23/6/18 3:00:12
Build time 18.127 sec｜Game capacity 1.459KB｜

Script

にはアプリを作ることができました。以下は実際のプログラムの例です。

→

このアプリは、ボタンをクリックすると矢印が左か右に移動します。50％の確率で正解になります。スコアが加算され、スコアが画面に表示されます。このアプリはスマホでも操作可能で、絵文字も多めに使われています。

←

Prev　Next

→ 　

Back　

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

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

にはアプリを作ることができました。以下は実際のプログラムの例です。

<!DOCTYPE html>
<html>
<head>
	<title>矢印の向こう側</title>
	<meta charset="utf-8">
	<style>
		body {
			margin: 0;
			height: 100vh;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 3em;
		}

button {
			background: none;
			border: none;
			font-size: 0.5em;
			color: black;
			cursor: pointer;
		}

#arrow {
			font-size: 2em;
		}

#score {
			position: absolute;
			top: 10px;
			right: 10px;
			font-size: 1.5em;
		}
	</style>
</head>
<body>
	<div id="arrow">→</div>
	<div id="score">0</div>
	<button id="jump">ジャンプ</button>

let scoreCount = 0;

button.addEventListener("click", function() {
			let random = Math.floor(Math.random() * 100);

if (random > 50) {
				arrow.textContent = "←";
			} else {
				arrow.textContent = "→";
			}

scoreCount++;

score.textContent = scoreCount;
		});

</script>
</body>
</html>

このアプリは、ボタンをクリックすると矢印が左か右に移動します。50％の確率で正解になります。スコアが加算され、スコアが画面に表示されます。

このアプリはスマホでも操作可能で、絵文字も多めに使われています。