おみくじアプリ

<!DOCTYPE html>
<html>
<head>
	<title>おみくじアプリ</title>
</head>
<body>
	<h1>おみくじアプリ</h1>
	<p id="fortune"></p>
	<p id="rating"></p>

	<script>
		function getFortune() {
			const fortunes = ["大吉", "吉", "中吉", "小吉", "末吉", "凶", "大凶"];
			const randomIndex = Math.floor(Math.random() * fortunes.length);
			return fortunes[randomIndex];
		}

		function getRating() {
			const ratings = ["★", "★★", "★★★", "★★★★", "★★★★★", "★★★★★★", "★★★★★★★", "★★★★★★★★", "★★★★★★★★★", "★★★★★★★★★★"];
			const randomIndex = Math.floor(Math.random() * ratings.length);
			return ratings[randomIndex];
		}

		const fortuneResult = getFortune();
		const ratingResult = getRating();
		const ratingStars = ratingResult.length;

		document.getElementById("fortune").innerHTML = `今日のあなたの運勢は「${fortuneResult}」です。`
		document.getElementById("rating").innerHTML = `評価は「${ratingResult} (${ratingStars}つ)」です。`
	</script>
</body>
</html>