Newer
Older
escapegame-2022 / yuto / game / AR.html
@Yuto Togashi Yuto Togashi on 7 Jun 2022 2 KB change the placement of nazo
<!DOCTYPE html>
<html lang="ja">
<head>
  <title>庄内XR謎解きゲーム</title>
  <link rel="stylesheet" type="text/css" href="nazotoki.css">
  <script type="text/javascript" src="judge.js"></script>
</head>

<body>

<h1>庄内XR謎解きゲーム</h1>
<p><a href="AR-scan.html">読み取り専用ページ</a>にアクセスし、ARマーカーをカメラで読み取れ</p>
<p>※スマートフォンなど、読み取る端末を別途用意すること。<a href="VR.html">.</a></p>

<div class="wrap">
  <div class="box">
    <h2>謎1</h2>
    <img src="pattern-nazo1.png" alt="謎1" width="300" height="300"><br>
    <form id="nazo1">
      <input type="text" name="answer" placeholder="謎1の答えをひらがなで入力" maxlength="10">
      <input type="button" value="送信" onclick="answer1();">
    </form>
    <div id="judge1"> </div>
  </div>

  <div class="box">
    <h2>謎2</h2>
    <img src="pattern-nazo2.png" alt="謎2" width="300" height="300"><br>
    <form id="nazo2">
      <input type="text" name="answer" placeholder="謎2の答えをひらがなで入力" maxlength="10">
      <input type="button" value="送信" onclick="answer2();">
    </form>
    <div id="judge2"> </div>
  </div>

  <div class="box">
    <h2>謎3</h2>
    <img src="pattern-nazo3.png" alt="謎3" width="300" height="300"><br>
    <form id="nazo3">
      <input type="text" name="answer" placeholder="謎3の答えをひらがなで入力" maxlength="10">
      <input type="button" value="送信" onclick="answer3();">
    </form>
    <div id="judge3"> </div>
  </div>
</div>

<div class="wrap">
  <div class="box">
    <h2>謎4</h2>
    <img src="pattern-nazo4.png" alt="謎4" width="300" height="300"><br>
    <form id="nazo4">
      <input type="text" name="answer" placeholder="謎4の答えをひらがなで入力" maxlength="10">
      <input type="button" value="送信" onclick="answer4();">
    </form>
    <div id="judge4"> </div>
  </div>

  <div class="box">
    <h2>謎5</h2>
    <img src="pattern-nazo5.png" alt="謎5" width="300" height="300"><br>
    <form id="nazo5">
      <input type="text" name="answer" placeholder="謎5の答えをひらがなで入力" maxlength="10">
      <input type="button" value="送信" onclick="answer5();">
    </form>
    <div id="judge5"> </div>
  </div>

  <div class="box">
    <h2>EXTRA</h2>
    <img src="pattern-extra.png" alt="EXTRA" width="300" height="300"><br>
    <form id="nazoEX">
      <input type="text" name="answer" placeholder="EXTRAの答えをひらがなで入力" maxlength="10">
      <input type="button" value="送信" onclick="answerEX();">
    </form>
    <div id="judgeEX"> </div>
  </div>
</div>

</body>
</html>