Skip to content
Browse files

Add exercise -- comparing fractions 1

  • Loading branch information...
1 parent 8f48497 commit a0106e4801035c73d92dafe0326e49907407473f @marcia marcia committed Jun 6, 2011
Showing with 96 additions and 0 deletions.
  1. +96 −0 exercises/comparing_fractions_1.html
View
96 exercises/comparing_fractions_1.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html data-require="math">
+<head>
+ <title>Comparing Fractions 1</title>
+ <script src="../khan-exercise.js"></script>
+</head>
+<body>
+ <!--
+ Compares fractions that have the same numerator or have the same denominator.
+ TODO: would like to draw overlapping circles or rectangle slices for hints.
+ -->
+ <div class="exercise">
+ <div class="problems">
+ <div id="same-numerator">
+ <div class="vars" data-ensure="DEN_1 !== DEN_2">
+ <var id="NUM_1">randRange( 1, 14 )</var>
+ <var id="DEN_1">randRange( NUM_1 + 1, 15 )</var>
+
+ <var id="NUM_2">NUM_1</var>
+ <var id="DEN_2">randRange( NUM_2 + 1, 15 )</var>
+
+ <var id="SOLUTION">(function() {
+ if ( DEN_1 < DEN_2 ) {
+ return "&gt;";
+ } else {
+ return "&lt;";
+ }
+ })()</var>
+ <var id="MORE">DEN_1 > DEN_2 ? "more" : "fewer"</var>
+ <var id="SMALLER">DEN_1 > DEN_2 ? "smaller" : "bigger"</var>
+ <var id="LESS">DEN_1 > DEN_2 ? "less" : "more"</var>
+ <var id="BIGGER">SMALLER === "smaller" ? "bigger" : "smaller"</var>
+ </div>
+
+ <div class="problem">
+ <p>Fill in the blank.</p>
+ <p>
+ <code>\dfrac{<var>NUM_1</var>}{<var>DEN_1</var>}</code>
+ ____<code>\dfrac{<var>NUM_2</var>}{<var>DEN_2</var>}</code>
+ </p>
+ </div>
+ <p class="solution"><var>SOLUTION</var></p>
+ <ul class="choices" data-category="true">
+ <li>&lt;</li>
+ <li>&gt;</li>
+ </ul>
+ <div class="hints">
+ <p>This is like comparing two equally sized pizzas where one is cut into <var>DEN_1</var> equal slices and the other is cut into <var>DEN_2</var> equal slices.</p>
+ <p>Note that cutting a pizza into more slices will result in smaller slices.</p>
+ <p>The left fraction represents a pizza with <var>MORE</var> slices, and so each slice is <var>SMALLER</var>.</p>
+ <p><var>NUM_1</var> <var>SMALLER</var> slices is <var>LESS</var> pizza than <var>NUM_2</var> <var>BIGGER</var> slices.</p>
+ <p>So, <code>\dfrac{<var>NUM_1</var>}{<var>DEN_1</var>} <var>SOLUTION</var> \dfrac{<var>NUM_2</var>}{<var>DEN_2</var>}</code></p>
+ </div>
+ </div>
+
+ <div id="same-denominator">
+ <div class="vars" data-ensure="NUM_1 !== NUM_2">
+ <var id="NUM_1">randRange( 1, 14 )</var>
+ <var id="DEN_1">randRange( NUM_1 + 1, 15 )</var>
+
+ <var id="DEN_2">DEN_1</var>
+ <var id="NUM_2">randRange( 1, DEN_2 - 1 )</var>
+
+ <var id="SOLUTION">(function() {
+ if ( NUM_1 < NUM_2 ) {
+ return "&lt;";
+ } else {
+ return "&gt;";
+ }
+ })()</var>
+ <var id="LESS">NUM_1 < NUM_2 ? "less" : "more"</var>
+ </div>
+
+ <div class="problem">
+ <p>Fill in the blank.</p>
+ <p>
+ <code>\dfrac{<var>NUM_1</var>}{<var>DEN_1</var>}</code>
+ ____<code>\dfrac{<var>NUM_2</var>}{<var>DEN_2</var>}</code>
+ </p>
+ </div>
+ <p class="solution"><var>SOLUTION</var></p>
+ <ul class="choices" data-category="true">
+ <li>&lt;</li>
+ <li>&gt;</li>
+ </ul>
+ <div class="hints">
+ <p>This is like considering two equally sized pizzas that have been cut into <var>DEN_1</var> equal slices.</p>
+ <p>Since both pizzas have the same number of slices, all the slice are the same size.</p>
+ <p><var>NUM_1</var> slices is <var>LESS</var> pizza than <var>NUM_2</var> slices.</p>
+ <p>So, <code>\dfrac{<var>NUM_1</var>}{<var>DEN_1</var>} <var>SOLUTION</var> \dfrac{<var>NUM_2</var>}{<var>DEN_2</var>}</code></p>
+ </div>
+ </div>
+ </div>
+ </div>
+</body>
+</html>

0 comments on commit a0106e4

Please sign in to comment.
Something went wrong with that request. Please try again.