Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

94 lines (86 sloc) 4.189 kB
<!DOCTYPE html>
<html data-require="math graphie graphie-helpers word-problems">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Basic Fractions 0.5</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="vars">
<var id="NUM_1">randRange(1, 8)</var>
<var id="DEN_1">randRange(NUM_1 + 1, 9)</var>
</div>
<div class="problems">
<div id="pie-chart">
<div class="question">
<p>What fraction of this circle is shaded red?</p>
<div class="graphie">
init({ range: [ [-3, 3], [-3, 3] ], scale: 25 });
piechart([NUM_1, DEN_1 - NUM_1], ["#e00", "#999"], 2);
</div>
</div>
<p class="solution" data-simplify="optional"><var>NUM_1 / DEN_1</var></p>
<div class="hints">
<p>Count the red slices for the numerator.</p>
<p>There <var>plural("is", NUM_1)</var> <var>pluralTex(NUM_1, "red slice")</var>.</p>
<p>Count the total slices <code>\left(\color{#e00}{\text{Red Slices}} + \color{#999}{\text{Gray Slices}}\right)</code> for the denominator.</p>
<p>There are <code>\color{#000}{<var>DEN_1</var>\text{ Slices}}</code> in total.</p>
<p>So your answer should be <code>\dfrac{\color{#e00}{<var>NUM_1</var>}}{\color{#000}{\text{<var>DEN_1</var>}}}</code>.</p>
</div>
</div>
<div id="rectangle-area">
<div class="question">
<p>What fraction of the bar is shaded red?</p>
<div class="graphie">
init({ range: [ [0, 1], [0, 1] ], scale: [250, 25] });
rectchart([NUM_1, DEN_1-NUM_1], ["#e00", "#999"]);
</div>
</div>
<p class="solution" data-simplify="optional"><var>NUM_1 / DEN_1</var></p>
<div class="hints">
<p>Count the red blocks for the numerator.</p>
<p>There <var>plural( "is", NUM_1 )</var> <var>pluralTex(NUM_1, "red block")</var>.</p>
<p>Count the total slices <code>\left(\color{#e00}{\text{Red Blocks}} + \color{#999}{\text{Gray Blocks}}\right)</code> for the denominator.</p>
<p>There are <code>\color{#000}{<var>DEN_1</var>\text{ Blocks}}</code> in total.</p>
<p>So your answer should be <code>\dfrac{\color{#e00}{<var>NUM_1</var>}}{\color{#000}{\text{<var>DEN_1</var>}}}</code>.</p>
</div>
</div>
<div id="custom-1" data-weight="0" data-type="pie-chart">
<div class="vars">
<var id="NUM_1">1</var>
<var id="DEN_1">2</var>
</div>
</div>
<div id="custom-2" data-weight="0" data-type="pie-chart">
<div class="vars">
<var id="NUM_1">1</var>
<var id="DEN_1">4</var>
</div>
</div>
<div id="custom-6" data-weight="0" data-type="pie-chart">
<div class="vars">
<var id="NUM_1">2</var>
<var id="DEN_1">4</var>
</div>
</div>
<div id="custom-3" data-weight="0" data-type="pie-chart">
<div class="vars">
<var id="NUM_1">1</var>
<var id="DEN_1">5</var>
</div>
</div>
<div id="custom-4" data-weight="0" data-type="pie-chart">
<div class="vars">
<var id="NUM_1">2</var>
<var id="DEN_1">5</var>
</div>
</div>
</div>
</div>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.