Newer
Older
putiron / sample-page.html
@ryusei ryusei on 6 Nov 2020 1 KB edit file
<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title>算数のアルゴリズム</title>
  <link rel="stylesheet" href="putiron.css" type="text/css">
</head>

<body>
  <h1>掛け算を解いてみよう</h1>
  <h2>問題:<span id="question">12×3</span></h2>
  <ol>
    <form name="anserform">
      <li>1の位に掛けよう!</li>
      <p><input type="number" id="q1" min="0"><span id="a1"></span></p>
      <li>10の位へ繰り上がりはあるかな?</li>
      <p>繰り上がる数字は?(なければ0):<input type="number" id="q2" min="0"><span id="a2"></span></p>
      <li>10の位に掛けよう!ここに繰り上がりの数字も足すよ!</li>
      <p><input type="number" id="q3" min="0"><span id="a3"></span></p>
      <li>100の位へ繰り上がりはあるかな?</li>
      <p>繰り上がる数字は?(なければ0):<input type="number" id="q4" min="0"><span id="a4"></span></p>
      <li>位に気を付けて答えを出してみよう!</li>
      <p><input type="number" id="q5" min="0"><span id="a5"></span></p>
    </form>
    <p><input type="button" value="解答する" id="ans"></p>
    <p><input type="button" value="次の問題へ" id="next"></p>
  </ol>
  <script type="text/javascript" src="putiron_ver2.js" charset="utf-8"></script>
  <!--<script type="text/javascript" src="lib/csv.min.js" charset="utf-8"></script>-->
</body>

</html>