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

No:4132

1407

←

Prev Next

→

The bear will be right.
Developer sayaensm｜Date and time 23/6/27 12:45:32
Build time 24.833 sec｜Game capacity 2.123KB｜

Script

プログラムを作成しました。以下のような「クマの夢見る森林」という部分的なゲームです。

クマの夢見る森林

あなたはクマの夢の中に迷い込んでしまいました。クマはあなたに夢中で近づいています。どうやって逃げますか？

以上がプログラムです。ボタンをクリックすると、クマに追いかけられて逃げるシーンが再現されます。顔文字の代わりに画像を使用しています。

←

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 {
			font-size: 2em;
			text-align: center;
			background-color: #8bc34a;
		}
	</style>
</head>
<body>
	<h1>クマの夢見る森林</h1>
	<p>あなたはクマの夢の中に迷い込んでしまいました。クマはあなたに夢中で近づいています。どうやって逃げますか？</p>
	<img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/285/bear-face_1f43b.png" alt="クマの顔" style="width:200px;height:200px;">
	<button id="left">左</button>
	<button id="right">右</button>
	<button id="jump">ジャンプ</button>
	<button id="run">走る</button>
	<br>
	<p id="result"></p>
	<script>
		document.getElementById("left").onclick = function() { move("左"); };
		document.getElementById("right").onclick = function() { move("右"); };
		document.getElementById("jump").onclick = function() { move("ジャンプ"); };
		document.getElementById("run").onclick = function() { move("走る"); };

以上がプログラムです。ボタンをクリックすると、クマに追いかけられて逃げるシーンが再現されます。顔文字の代わりに画像を使用しています。