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

No:1526

573

←

Prev Next

→

Mars Weather Forecast
Developer sayaensm｜Date and time 23/6/18 18:07:12
Build time 22.55 sec｜Game capacity 1.355KB｜

Script

火星の天気予報

※ゲームではなく火星の天気予報アプリを作成しました。ランダムで天気を生成し、ボタンで天気を表示します。スマホでも操作可能ですし、絵文字も使用しています。

←

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>火星の天気予報</title>
	<style>
		/* スタイルシート */
		body {
			background-color: #FFE5B4;
			font-family: Arial, sans-serif;
		}
		h1 {
			text-align: center;
			margin-top: 30px;
			color: #8B0000;
		}
		p {
			margin: 10px;
			font-size: 20px;
			color: #000080;
		}
		button {
			background-color: #FFDAB9;
			color: #8B0000;
			border: none;
			padding: 10px 20px;
			font-size: 18px;
			cursor: pointer;
			border-radius: 10px;
			margin-top: 20px;
		}
	</style>
</head>
<body>
	<h1>火星の天気予報</h1>
	<p id="weather"></p>
	<button onclick="getWeather()">天気を見る</button>
	<script>
		// JavaScriptコード
		function getWeather() {
			// 天気をランダムに生成する
			var weatherArray = ["晴れ☀️", "曇り☁️", "雨☔️", "雷⚡️", "雪❄️"];
			var randomIndex = Math.floor(Math.random() * weatherArray.length);
			var weather = weatherArray[randomIndex];

document.getElementById("weather").innerHTML = "今日の火星の天気は " + weather + " です！";
		}
	</script>
</body>
</html>