Skip to content
Browse files

Make circle round; 10->ten; whitespace

  • Loading branch information...
1 parent 982224f commit bf6a2d8496ab763c22b97e738f67afa4a7dbc9f6 @beneater beneater committed
Showing with 28 additions and 28 deletions.
  1. +28 −28 exercises/understanding_moving_the_decimal.html
View
56 exercises/understanding_moving_the_decimal.html
@@ -11,58 +11,58 @@
<var id="PM">randRangeNonZero( -1, 1 )</var>
<var id="OPERATOR">( PM === 1 ? "multiply" : "divide" )</var>
<var id="A">randRange( 0, 99999 )</var>
-
+
<div data-ensure="( PM === 1 ? A_DECIMAL > B_DECIMAL : A_DECIMAL < B_DECIMAL )">
<var id="A_DECIMAL">randRange( 1, 5 )</var>
<var id="B_DECIMAL">randRange( 1, 5 )</var>
</div>
-
+
<var id="A_FLOAT">A / pow( 10, A_DECIMAL )</var>
<var id="B_FLOAT">A / pow( 10, B_DECIMAL )</var>
<var id="POW_DIFF">( PM === 1 ? ( A_DECIMAL - B_DECIMAL ) : ( B_DECIMAL - A_DECIMAL ) )</var>
</div>
-
+
<div class="problems">
<div>
<div class="question">
- <p><b>How many times do you need to <var>OPERATOR</var> <code><var>A_FLOAT.toFixed( A_DECIMAL )</var></code> by <code class="hint_blue">10</code> to get <code><var>B_FLOAT.toFixed( B_DECIMAL )</var></code>?</b></p>
+ <p><b>How many times do you need to <var>OPERATOR</var> <code><var>A_FLOAT.toFixed( A_DECIMAL )</var></code> by ten to get <code><var>B_FLOAT.toFixed( B_DECIMAL )</var></code>?</b></p>
</div>
-
+
<p class="solution" data-forms="integer"><var>POW_DIFF</var></p>
-
+
</div>
</div>
-
+
<div class="hints">
<div class="graphie">
init({
range: [ [ -1, 11 ], [ -1, 3 ] ],
scale: [30, 45]
});
-
+
var digitsA = KhanUtil.digits( A );
-
+
//Pad zeroes if need be for the decimal point
while ( digitsA.length &lt; A_DECIMAL + 1) {
digitsA.push( 0 );
}
-
+
var digitsB = digitsA.slice();
-
+
//For the leading zero 0.# only occurs with division
if ( digitsA.length &lt; B_DECIMAL + 1) {
digitsA.push( ' ' );
digitsB.push( 0 );
}
-
+
drawDigits( digitsA.reverse(), 0, 1);
drawDigits( digitsB.reverse(), 0, 0);
-
+
for ( var i = 0; i &lt; POW_DIFF; i++) {
if ( PM === 1 ) {
arc( [ digitsA.length - A_DECIMAL + i, 1.5 ], 0.5, 0, 180, { stroke: "blue" } );
label( [ digitsA.length - A_DECIMAL + i, 2 ], i+1, "above" );
-
+
if ( i === POW_DIFF - 1 ) {
//hack for the final arrow...is there a better way?
line( [ digitsA.length - A_DECIMAL + i + 0.5, 1.5 ], [ digitsA.length - A_DECIMAL + i + 0.5, 1.46 ], { stroke: "blue", arrows: "->" } );
@@ -73,7 +73,7 @@
if ( i === POW_DIFF - 1 ) {
style({ arrows: "->" });
}
-
+
arc( [ digitsA.length - A_DECIMAL - (i + 1), 1.5 ], 0.5, 0, 180, { stroke: "blue" } );
label( [ digitsA.length - A_DECIMAL - (i + 1), 2 ], i+1, "above" );
}
@@ -81,29 +81,29 @@
//draw a black ellipse to be used as a decimal point
style({ fill: "#000" });
- ellipse( [ digitsA.length - A_DECIMAL - 0.5, 0.8 ], [ 0.09, 0.09 ] );
- ellipse( [ digitsB.length - B_DECIMAL - 0.5, -0.2 ], [ 0.09, 0.09 ] );
-
+ ellipse( [ digitsA.length - A_DECIMAL - 0.5, 0.8 ], [ 0.09, 0.06 ] );
+ ellipse( [ digitsB.length - B_DECIMAL - 0.5, -0.2 ], [ 0.09, 0.06 ] );
+
var labelstr = "\\text{The decimal point needs to be moved " + POW_DIFF + " time" + ( POW_DIFF !== 1 ? "s.}" : ".}");
label ([ digitsA.length + 0.5, 0.5 ], labelstr, "right", 1);
</div>
-
- <p>Moving the decimal one position to the <var>PM === 1 ? "right" : "left"</var> is the same as <var>PM === 1 ? "multiplying" : "dividing"</var> by <code class="hint_blue">10</code> once.</p>
-
+
+ <p>Moving the decimal one position to the <var>PM === 1 ? "right" : "left"</var> is the same as <var>PM === 1 ? "multiplying" : "dividing"</var> by ten once.</p>
+
<div data-if="PM === 1 && POW_DIFF !== 1">
- <p data-if="POW_DIFF !== 1">Thus, moving the decimal right <code><var>POW_DIFF</var></code> times is the same as multiplying by <code class="hint_blue">10</code> <code><var>POW_DIFF</var></code> times, or multiplying by <code><var>pow( 10, POW_DIFF )</var></code>:</p>
+ <p data-if="POW_DIFF !== 1">Thus, moving the decimal right <code><var>POW_DIFF</var></code> times is the same as multiplying by ten <code><var>POW_DIFF</var></code> times, or multiplying by <code><var>pow( 10, POW_DIFF )</var></code>:</p>
<code>{<var>A_FLOAT.toFixed( A_DECIMAL )</var>} * {<var>pow( 10, POW_DIFF )</var>} = {<var>B_FLOAT.toFixed( B_DECIMAL )</var>}</code></p>
</div>
<div data-if="PM !== 1 && POW_DIFF !== 1">
- <p data-if="POW_DIFF !== 1">Thus, moving the decimal left <code><var>POW_DIFF</var></code> times is the same as dividing by <code class="hint_blue">10</code> <code><var>POW_DIFF</var></code> times, or dividing by <code><var>pow( 10, POW_DIFF )</var></code>:</p>
+ <p data-if="POW_DIFF !== 1">Thus, moving the decimal left <code><var>POW_DIFF</var></code> times is the same as dividing by ten <code><var>POW_DIFF</var></code> times, or dividing by <code><var>pow( 10, POW_DIFF )</var></code>:</p>
<code>{<var>A_FLOAT.toFixed( A_DECIMAL )</var>} \div {<var>pow( 10, POW_DIFF )</var>} = {<var>B_FLOAT.toFixed( B_DECIMAL )</var>}</code></p>
</div>
-
+
<div>
- <p>You need to <var>OPERATOR</var> by <code class="hint_blue">10</code> <code><var>POW_DIFF</var></code> time<span data-if="POW_DIFF !== 1">s</span>.</p>
- </div>
-
+ <p>You need to <var>OPERATOR</var> by ten <code><var>POW_DIFF</var></code> time<span data-if="POW_DIFF !== 1">s</span>.</p>
+ </div>
+
</div>
</div>
</body>
-</html>
+</html>

0 comments on commit bf6a2d8

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