webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

WEB制作会社のフォトグラファー

おみくじ 課題:05-08

  • Q8
  • 「else if」を「if else」と書いてロスタイム。
  • if文は記述の方法を変えたほうがいいのかもしれない。 

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>Q8</title>
<script>
function kuji()
{
var rdm=Math.random();
if(rdm<0.25)
{
document.getElementById('ans').innerHTML='本日の運勢は、大吉です。';
}
else if(rdm>=0.25 && rdm<0.5)
{
document.getElementById('ans').innerHTML='本日の運勢は、中吉です。';
}
else if(rdm>=0.5 && rdm<0.75)
{
document.getElementById('ans').innerHTML='本日の運勢は、小吉です。';
}
else
{
document.getElementById('ans').innerHTML='本日の運勢は、凶です。';
};
}
</script>
</head>

<body>
<h1>今日の運勢を調べます。</h1>
<p><button onclick="kuji()">ボタンを押すと開始します</button></p>
<h1 id="ans"></h1>
</body>
</html>