Newer
Older
putiron / sample-page.html
@ryusei ryusei on 25 Aug 2020 1 KB edit files
<!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>問題:12×6
    </h2>
      <ol>
        <li>1の位に掛けよう!</li>
        <p><input type="number" id="q1" min="0"><div id="a1"></div></p>
        <li>10の位へ繰り上がりはあるかな?</li>
        <p>繰り上がる数字は?(なければ0):<input type="number" id="q2" min="0"></p>
        <li>10の位に掛けよう!ここに繰り上がりの数字も足すよ!</li>
        <p><input type="number" id="q3" min="0"></p>
        <li>100の位へ繰り上がりはあるかな?</li>
        <p>繰り上がる数字は?(なければ0):<input type="number" id="q4"min="0"></p>
        <li>1の位と10の位の計算結果を足して答えを出そう!</li>
        <p><input type="number" id="q5" min="0"></p>
        <p><input type="button" value="解答する" id="ans"></p>
      </ol>
      <p id="output">答えが表示されます!</p>
      <script type="text/javascript" src="putiron.js" charset="utf-8"></script>
  </body>
</html>