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

最終更新日

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

<!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/1.png" alt=""></h2>
<script>
function btn() {
	var rnd = Math.floor(Math.random()*6)+1;
	var element = document.getElementById('result');
	element.innerHTML = '<img src="img/'+rnd+'.png" alt="">';
}
	
</script>
</body>
</html>

シェアする