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

プレビュー

PC版

おみくじをランダム表示 - jsdo.it - share JavaScript, HTML5 and CSS

スマートフォン版

コード

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>配列</title>
<style>
body {
    font-family:
	"ヒラギノ角ゴ Pro W3",
	"Hiragino Kaku Gothic Pro",
	"メイリオ", 
	Meiryo, Osaka, 
	"ＭＳ Ｐゴシック", 
	"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>