読者です 読者をやめる 読者になる 読者になる

ウェブ学のすすめ

Study of Web Design & Programing

おみくじをランダム表示|実践課題A

JavaScript

コード

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>配列</title>
<style>
body {
    font-family:
	"ヒラギノ角ゴ Pro W3",
	"Hiragino Kaku Gothic Pro",
	"メイリオ", 
	Meiryo, Osaka, 
	"MS Pゴシック", 
	"MS PGothic", 
	sans-serif}
h1 {
    text-align: center;
}
h2 {
    color: #f60;
    font-size: 2.0em;
    text-align: center;
}
.deco {
    color: #00F;
}
</style>
</head>
<body>
<script>
var omikuzi = ['大吉','中吉','小吉','吉','<span class="deco">凶</span>'];

var result = Math.floor(Math.random()*5);

document.write("<h1>あなたの今日の運勢は<\/h1>");
document.write("<h2>",omikuzi[result],"<\/h2>");
</script>
</body>
</html>

ポイント

  • Math.floor()・・・小数点以下の数値を切り捨てる
  • Math.random()・・・0以上1未満の乱数を得る