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

No:3747

104

Hurry up with the appeasement of the howsk!!!! 🤬💢g..ALL
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/26 12:49:23
Build time 25.55 sec｜Game capacity 2.173KB｜

では、簡単なマウスクリックで操作できる『クリックゲーム』を作成しましょう。 HTMLファイルには以下のようなコードを記述します。

クリックして点数を稼ごう！

0

(　´･‿･｀)

このコードを実行すると、タイトルと「クリックして点数を稼ごう！」というメッセージが表示され、クリックすると点数が加算される仕組みになっています。以下のような特徴があります。・背景色はピンク色に設定されています。・メッセージはh1タグで大きな文字で表示されています。・点数は初期値が0で、クリックするたびに加算されます。表示部分はdivタグで指定されています。・クリックするときに表示されるアイコンは「(　´･‿･｀)」という顔文字になっています。これは大きなdivタグに記述されています。・クリックに応じて、点数が更新されるJavaScriptのコードは、onclick属性の中に記述されています。このゲームでは、マウスクリックをするだけで簡単に遊べるので、スマホでもプレイすることができます。また、背景色やアイコンなどを変更することで、独自の設定が可能です。

→ 　

0　

0　

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

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

(C)2023 HisashiApp

では、簡単なマウスクリックで操作できる『クリックゲーム』を作成しましょう。

HTMLファイルには以下のようなコードを記述します。

```
<!DOCTYPE html>
<html>
<head>
	<title>クリックゲーム</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			background-color: #ffe6e6;
			font-family: Arial, sans-serif;
			text-align: center;
		}
		h1 {
			margin-top: 10%;
		}
		#score {
			font-size: 36px;
			margin-top: 5%;
		}
		#click-me {
			font-size: 48px;
			padding: 50px;
			border-radius: 50%;
			background-color: #ff9999;
			display: inline-block;
			margin-top: 10%;
			cursor: pointer;
			box-shadow: 5px 5px 5px #999;
		}
	</style>
</head>
<body>
	<h1>クリックして点数を稼ごう！</h1>
	<div id="score">0</div>
	<div id="click-me" onclick="addScore()">(　´･‿･｀)</div>
	<script>
		var score = 0;
		
		function addScore() {
			score++;
			document.getElementById("score").innerHTML = score;
		}
	</script>
</body>
</html>
```

このコードを実行すると、タイトルと「クリックして点数を稼ごう！」というメッセージが表示され、クリックすると点数が加算される仕組みになっています。

以下のような特徴があります。

・背景色はピンク色に設定されています。
・メッセージはh1タグで大きな文字で表示されています。
・点数は初期値が0で、クリックするたびに加算されます。表示部分はdivタグで指定されています。
・クリックするときに表示されるアイコンは「(　´･‿･｀)」という顔文字になっています。これは大きなdivタグに記述されています。
・クリックに応じて、点数が更新されるJavaScriptのコードは、onclick属性の中に記述されています。

このゲームでは、マウスクリックをするだけで簡単に遊べるので、スマホでもプレイすることができます。また、背景色やアイコンなどを変更することで、独自の設定が可能です。