openfreebooks-bookgenerator/content/math/counting-and-numbers/supplement.html

<div class="book-prose">
  <h2 id="history" class="book-prose__heading">History</h2>
  <p>
    Long before writing, people kept track of herds, harvests, and trade by making marks — tallies —
    one mark for each item. Archaeologists have found tally bones tens of thousands of years old.
  </p>

  <figure class="book-figure">
    <img
      class="book-figure__img"
      src="/chapters/math/counting-and-numbers/counting-and-numbers.png"
      alt="Cartoon timeline: tally marks long ago, Egyptian number symbols, zero in India and among the Maya, then addition, fair sharing, large numbers, and the four operations"
      width="960"
      height="640"
      loading="lazy"
      decoding="async"
    />
    <figcaption class="book-figure__caption">
      From tally bones and ancient symbols to zero, equal groups, fair shares, and names for very large
      counts — how people learned to count and write amounts.
    </figcaption>
  </figure>

  <p>
    Different cultures invented symbols for amounts. The idea of <strong>zero</strong> as a number took
    time: Indian mathematicians such as <strong>Brahmagupta</strong> (7th century CE) wrote rules for
    arithmetic that included zero. The Maya used a shell sign for zero in their calendar. Zero let
    people write “none” clearly and build place-value systems later on.
  </p>
  <p>
    Multiplication grew from repeated addition in trade and land measurement — counting equal rows of
    goods or fields without adding one row at a time forever.
  </p>
  <p>
    Division appears in sharing problems as old as fair trade: split grain, land, or money into equal
    parts. Large-number names (million, billion) expanded as empires, astronomy, and finance needed to
    record bigger totals than everyday counting.
  </p>

  <h2 id="past-ten" class="book-prose__heading">Past ten: tens and hundreds</h2>
  <p>
    You can count higher than ten on your fingers — people use <strong>place value</strong>. Ten
    single dots can be thought of as <strong>one group of ten</strong>. Ten groups of ten make
    <strong>one hundred</strong>.
  </p>
  <figure class="counting-place-ladder" aria-label="Place value: ten ones make one ten, ten tens make one hundred">
    <ol class="counting-place-ladder__steps">
      <li class="counting-place-step">
        <span class="counting-place-step__label">1 one</span>
        <span class="counting-dots" role="img" aria-hidden="true"><span class="counting-dots__dot"></span></span>
      </li>
      <li class="counting-place-step counting-place-step--arrow" aria-hidden="true">× 10</li>
      <li class="counting-place-step">
        <span class="counting-place-step__label">1 ten</span>
        <span class="counting-place-blocks counting-place-blocks--ten" role="img" aria-hidden="true">
          <span class="counting-place-blocks__rod"></span>
        </span>
      </li>
      <li class="counting-place-step counting-place-step--arrow" aria-hidden="true">× 10</li>
      <li class="counting-place-step">
        <span class="counting-place-step__label">1 hundred</span>
        <span class="counting-place-blocks counting-place-blocks--hundred" role="img" aria-hidden="true">
          <span class="counting-place-blocks__grid"></span>
        </span>
      </li>
    </ol>
    <figcaption class="counting-pattern-board__caption">
      Each step bundles ten of the smaller unit. That is why our digits work in columns (ones, tens,
      hundreds…).
    </figcaption>
  </figure>
  <p>
    The number <strong>47</strong> means 4 tens and 7 ones — forty-seven dots, without drawing every
    dot one by one.
  </p>

  <h2 id="big-numbers" class="book-prose__heading">Big numbers in real life</h2>
  <p>
    The world is huge. Counting every grain of sand on a beach one by one would take forever, so we
    use <strong>big number words</strong> to talk about amounts we cannot easily picture dot by dot.
    They matter because governments, scientists, and shops all work with large totals.
  </p>

  <div class="book-table-wrap">
    <table class="book-table counting-big-table">
      <thead>
        <tr>
          <th scope="col">Word</th>
          <th scope="col">How we write it</th>
          <th scope="col">Why it matters</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>hundred</td>
          <td>100</td>
          <td>About how many people fit in a big sports field; pages in a long novel.</td>
        </tr>
        <tr>
          <td>thousand</td>
          <td>1,000</td>
          <td>Steps you might walk in a long hike; students in a large school district.</td>
        </tr>
        <tr>
          <td>million</td>
          <td>1,000,000</td>
          <td>People in a large city; dollars in a national budget line item.</td>
        </tr>
        <tr>
          <td>billion</td>
          <td>1,000,000,000</td>
          <td>World population is several <em>billion</em>; stars in our galaxy are hundreds of billions.</td>
        </tr>
      </tbody>
    </table>
  </div>

  <p>
    Each big word is <strong>one thousand times</strong> the word before (ten hundreds make a
    thousand; one thousand thousands make a million). We bundle in tens and thousands so we can
    compare and add without losing track.
  </p>

  <ul>
    <li><strong>Money</strong> — prices and taxes use thousands and millions.</li>
    <li><strong>Distance</strong> — kilometres between cities add up to thousands.</li>
    <li><strong>Time</strong> — minutes in a year are in the hundreds of thousands.</li>
    <li><strong>Nature</strong> — insects in a forest, cells in your body — counts go huge fast.</li>
  </ul>

  <h2 id="try-it-yourself" class="book-prose__heading">Try it yourself</h2>
  <p>
    Use the four demos below to practise what you read: <strong>count</strong> objects one by one,
    <strong>add</strong> groups together, build a <strong>multiplication</strong> array, and
    <strong>share dots equally</strong>. Then explore <strong>how big</strong> a number is — from one
    dot up to a billion.
  </p>

  <div class="math-widget-mount" data-widget="counting-demo" data-pagefind-ignore></div>
  <div class="math-widget-mount" data-widget="addition-groups" data-pagefind-ignore></div>
  <div class="math-widget-mount" data-widget="multiplication-array" data-pagefind-ignore></div>
  <div class="math-widget-mount" data-widget="division-sharing" data-pagefind-ignore></div>
  <div class="math-widget-mount" data-widget="big-numbers-scale" data-pagefind-ignore></div>

  <h2 id="derivation" class="book-prose__heading">Derivation</h2>

  <h3 id="why-addition-works" class="book-prose__heading">Why addition combines groups</h3>
  <p>
    Suppose the first group has \(a\) objects and the second has \(b\) objects, with no overlap. If
    you put them in one pile and count from the start, you say \(a\) number words for the first
    group, then continue with \(b\) more words. The last word is the total \(a + b\). That is why
    \(3 + 4 = 7\): three objects, then four more, gives seven in all.
  </p>

  <h3 id="multiplication-as-repeated-addition" class="book-prose__heading">Multiplication as repeated addition</h3>
  <p>
    If there are \(r\) equal rows and each row has \(c\) dots, you can add
    \(c + c + \cdots + c\) (\(r\) times) to get the total. Writing \(r \times c\) saves repeating
    the same addition. For example, \(4 \times 3 = 3 + 3 + 3 + 3 = 12\).
  </p>

  <h3 id="division-as-fair-sharing" class="book-prose__heading">Division as fair sharing</h3>
  <p>
    If \(T\) dots are split into \(g\) equal piles with nothing left over, each pile has
    \(T \div g\) dots. That is the same as asking: what number times \(g\) gives \(T\)? So
    \(T \div g = q\) when \(g \times q = T\). Example: \(12 \div 4 = 3\) because \(4 \times 3 = 12\).
  </p>

  <h3 id="place-value-and-big-numbers" class="book-prose__heading">Place value and big numbers</h3>
  <p>
    In base ten, each column is worth ten times the column to its right. So \(47 = 4 \times 10 + 7\).
    Keep bundling: ten tens make one hundred, ten hundreds make one thousand, and each “thousand step”
    is one thousand times the step before — ten hundreds make \(1{,}000\), and one thousand thousands
    make \(1{,}000{,}000\). That is why we group digits in threes when writing millions and billions.
  </p>

  <h2 id="checkpoints" class="book-prose__heading">Checkpoints</h2>
  <p>Pause and answer in your head or with a partner before moving on.</p>

  <div class="book-callout" role="note">
    <p class="book-callout__label">Checkpoint</p>
    <p>Show the number \(7\) on your fingers. What digit symbol matches seven?</p>
  </div>

  <div class="book-callout" role="note">
    <p class="book-callout__label">Checkpoint</p>
    <p>Which is greater: \(5\) or \(9\)? How do you know?</p>
  </div>

  <div class="book-callout" role="note">
    <p class="book-callout__label">Checkpoint</p>
    <p>Is \(2 + 2 + 2\) the same total as \(3 \times 2\)? Explain with a picture of dots.</p>
  </div>

  <div class="book-callout" role="note">
    <p class="book-callout__label">Checkpoint</p>
    <p>What comes next in the pattern \(2, 4, 6, 8, \ldots\)?</p>
  </div>

  <div class="book-callout" role="note">
    <p class="book-callout__label">Checkpoint</p>
    <p>Share 15 dots into 3 equal piles. How many in each pile? What if you try 4 piles?</p>
  </div>

  <div class="book-callout" role="note">
    <p class="book-callout__label">Checkpoint</p>
    <p>Which is bigger: 1 million or 1 thousand? How do you know?</p>
  </div>

  <h2 id="applications" class="book-prose__heading">Real-life applications</h2>
  <ul>
    <li><strong>Sharing snacks</strong> — \(6\) biscuits shared among \(3\) friends is \(6 \div 3 = 2\) each; check with \(3 \times 2 = 6\).</li>
    <li><strong>Rows of chairs</strong> — a room with \(4\) rows of \(5\) chairs has \(4 \times 5 = 20\) seats.</li>
    <li><strong>Egg cartons</strong> — two rows of \(5\) cups hold \(2 \times 5 = 10\) eggs.</li>
    <li><strong>Counting steps</strong> — climbing \(8\) steps then \(2\) more is \(8 + 2 = 10\) steps.</li>
    <li><strong>Population</strong> — countries and cities are counted in millions or billions.</li>
    <li><strong>Packaging</strong> — eggs in cartons (\(2 \times 5\)) and sweets split among friends (\(12 \div 4\)).</li>
  </ul>

  <h2 id="question-bank" class="book-prose__heading">Question bank</h2>

  <h3 id="questions-easy" class="book-prose__heading">Easy</h3>

  <details class="book-question">
    <summary class="book-question__prompt">How many fingers on one hand?</summary>
    <div class="book-question__solution">
      <p><strong>Answer:</strong> \(5\).</p>
    </div>
  </details>

  <details class="book-question">
    <summary class="book-question__prompt">What digit means “none”?</summary>
    <div class="book-question__solution">
      <p><strong>Answer:</strong> \(0\) (zero).</p>
    </div>
  </details>

  <details class="book-question">
    <summary class="book-question__prompt">Compute \(2 + 5\).</summary>
    <div class="book-question__solution">
      <p><strong>Answer:</strong> \(7\).</p>
      <p><strong>Steps:</strong> Two objects plus five more gives seven.</p>
    </div>
  </details>

  <h3 id="questions-intermediate" class="book-prose__heading">Intermediate</h3>

  <details class="book-question">
    <summary class="book-question__prompt">Compute \(6 + 4\).</summary>
    <div class="book-question__solution">
      <p><strong>Answer:</strong> \(10\).</p>
    </div>
  </details>

  <details class="book-question">
    <summary class="book-question__prompt">Compute \(3 \times 4\).</summary>
    <div class="book-question__solution">
      <p><strong>Answer:</strong> \(12\).</p>
      <p><strong>Steps:</strong> \(4 + 4 + 4 = 12\), or four rows of three dots.</p>
    </div>
  </details>

  <details class="book-question">
    <summary class="book-question__prompt">Which is larger: \(8\) or \(6\)?</summary>
    <div class="book-question__solution">
      <p><strong>Answer:</strong> \(8\) is larger.</p>
    </div>
  </details>

  <h3 id="questions-difficult" class="book-prose__heading">Difficult</h3>

  <details class="book-question">
    <summary class="book-question__prompt">Compute \(5 + 3 + 2\).</summary>
    <div class="book-question__solution">
      <p><strong>Answer:</strong> \(10\).</p>
      <p><strong>Steps:</strong> \(5 + 3 = 8\), then \(8 + 2 = 10\).</p>
    </div>
  </details>

  <details class="book-question">
    <summary class="book-question__prompt">A tray has \(3\) rows of \(3\) muffins. How many muffins?</summary>
    <div class="book-question__solution">
      <p><strong>Answer:</strong> \(9\).</p>
      <p><strong>Steps:</strong> \(3 \times 3 = 9\).</p>
    </div>
  </details>

  <h3 id="questions-hardcore" class="book-prose__heading">Hardcore</h3>

  <details class="book-question">
    <summary class="book-question__prompt">Without counting one by one: if \(7 + 3 = 10\), what is \(3 + 7\)? Why?</summary>
    <div class="book-question__solution">
      <p><strong>Answer:</strong> \(10\).</p>
      <p><strong>Explanation:</strong> Addition of whole numbers can be done in either order (commutative property).</p>
    </div>
  </details>

  <details class="book-question">
    <summary class="book-question__prompt">Show \(5 \times 2\) as both repeated addition and as a dot rectangle.</summary>
    <div class="book-question__solution">
      <p><strong>Answer:</strong> \(10\).</p>
      <p><strong>Steps:</strong> \(2 + 2 + 2 + 2 + 2 = 10\); five rows of two dots (or two columns of five).</p>
    </div>
  </details>

  <details class="book-question">
    <summary class="book-question__prompt">Share \(12\) dots equally among \(4\) piles. How many per pile?</summary>
    <div class="book-question__solution">
      <p><strong>Answer:</strong> \(3\) per pile.</p>
      <p><strong>Steps:</strong> \(12 \div 4 = 3\) because \(4 \times 3 = 12\).</p>
    </div>
  </details>

  <details class="book-question">
    <summary class="book-question__prompt">How many zeros are in one million written in digits?</summary>
    <div class="book-question__solution">
      <p><strong>Answer:</strong> Six zeros: 1,000,000.</p>
    </div>
  </details>

  <h2 id="references" class="book-prose__heading">References</h2>
  <ul>
    <li>Ifrah, Georges — <em>The Universal History of Numbers</em> (origins of counting and zero).</li>
    <li>Crossley &amp; Henry — early Indian arithmetic including zero.</li>
  </ul>
</div>