Newer
Older
2021-Kaoka-gamedesign / a / toriquiz / toriquiz.html
@KAOKA Daisuke KAOKA Daisuke on 3 Dec 2021 1 KB データ整理
<!DOCTYPE html>
<html lang="ja">
<head>
<title>Torinonaha</title>
<link rel="stylesheet" type="text/css" href="toriquiz.css">
<script type="text/javascript" src="toriquiz.js"></script>
</head>

<body>
<h1>野鳥クイズ</h1>
<p>4択クイズだよ!スタートボタンを押してね!</p>
<br>
<div class="quiz">
    <p><button id="start" type="button" value=START>クイズスタート!</button></p>
    <p class=lead id="hint">選択肢の鳥はみんな「猛禽類」と呼ばれる鳥だよ</p>
    <img class="first" id="photo" src=https://www.yatex.org/gitbucket/koeki-Map/wildlife/raw/314cbe5a5bc0c83caadb30a9e19630528298504b/photo/2021/07-09/08-16-Misago-5.jpg alt="野鳥の写真">

    <table>
        <tr>
        <td><button class="tori" type="button" value=OPTION>ノスリ</button></td>
        <td><button class="toti" type="button" value=OPTION>ミサゴ</button></td>
        </tr>
        <tr>
        <td><button class="tori" type="button" value=OPTION>トビ</button></td>
        <td><button class="tori" type="button" value=OPTION>チュウヒ</button></td>
        </tr>
    </table>
</div>

</body>
</html>