サイコロの目を数字でランダムに表示するプログラム(画像名)

最終更新日

サイコロの目を数字でランダムに表示するプログラム(画像名)

画像名をランダムに表示させます。

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>サイコロの目を数字でランダムに表示するプログラム(画像名)</title>
</head>

<body>
<h1>サイコロの目を数字でランダムに表示する(画像名)</h1>
<p>
  <button onClick="btn()">ランダムに表示</button>
</p>
	<h2 id="result"><img src="img/one.png" alt=""></h2>
<script>
function btn() {
	var dice = ['one','two','three','for','five','six'];
	var rnd = Math.floor(Math.random() *dice.length);

	var element = document.getElementById('result');
	element.innerHTML = '<img src="img/' + dice[rnd] + '.png" alt="">';
	}
	
</script>
</body>
</html>

admin

東京都在住フリーのWebデザイナー、WEB講師

シェアする