<!DOCTYPE html>
<html lang="ja">
<head>
<title>この戦争を終わらせる</title>
<meta charset="UTF-8">
<style>
body {background: #ffe0c1;
text-align: center; }
h1{color: #e17b34; }
</style>
</head>
<body>
<h1>犬か 猫か</h1>
<p>犬派猫派戦争を強制的に終わらせるおみくじ式ボタン。<br>
今日一日はボタンを押して出てきた方の派閥ということで。まぁどっちも可愛いからいいじゃない。<br>
</p>
<div><input type="button" value="みんな可愛いからね" onclick="omikuji"></div>
<div><img src="./images/omikuji-5.png" name="namomikujiPNG" alt="結果"></div>
<script>
function omikuji(){
let numFile = Math.floor(Math.random()*6);
document.images["namomikujiPNG"].src = "./images/omikuji-" + numFile + ".png";
}
</script>
</body>
</html>
