exercises/prime_numbers.html

<!DOCTYPE html>
<html data-require="math word-problems">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Prime numbers</title>
    <script data-main="../local-only/main.js" src="../local-only/require.js"></script>
</head>
<body>
    <div class="exercise">
        <div class="vars" data-ensure="WRONG_1 !== WRONG_2 &amp;&amp; WRONG_2 !== WRONG_3">
            <var id="PRIME">getPrime()</var>
            <var id="WRONG_1">getOddComposite()</var>
            <var id="WRONG_2">getOddComposite()</var>
            <var id="WRONG_3">getOddComposite()</var>
            <var id="WRONG_4">getEvenComposite()</var>

            <var id="CHOICES">sortNumbers( [ PRIME, WRONG_1, WRONG_2, WRONG_3, WRONG_4 ] )</var>
        </div>

        <div class="problems">
            <div>
                <p class="question">Which of these numbers is prime?</p>
                <p><code>\large{<var>CHOICES.join( ",\\ " )</var>}</code></p>
                <p class="solution"><code><var>PRIME</var></code></p>
                <ul class="choices" data-category="true">
                    <li data-each="CHOICES as CHOICE"><code><var>CHOICE</var></code></li>
                </ul>
            </div>
        </div>

        <div class="hints">
            <p>A prime number has exactly two factors: 1 and itself.</p>
            <p data-each="CHOICES as CHOICE">The factors of <var>CHOICE</var> are <var>toSentence( getFactors( CHOICE ) )</var>.</p>
            <p>Thus, <var>PRIME</var> is a prime number.</p>
        </div>
    </div>
</body>
</html>