new file: Files/flashplayer_32_sa.exe new file: favicon.ico new file: globe.gif new file: imgs/download.png new file: imgs/zuck.jpg new file: index.html new file: other.ico new file: script.js new file: site.webmanifest new file: sitemap.html new file: styles/backround.css new file: styles/border.css new file: styles/fonts/Titillium_Web/OFL.txt new file: styles/fonts/Titillium_Web/TitilliumWeb-Black.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-Bold.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-BoldItalic.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-ExtraLight.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-ExtraLightItalic.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-Italic.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-Light.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-LightItalic.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-Regular.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf new file: styles/fonts/Titillium_Web/TitilliumWeb-SemiBoldItalic.ttf new file: styles/fonts/webfontkit-20221027-163353/generator_config.txt new file: styles/fonts/webfontkit-20221027-163353/specimen_files/grid_12-825-55-15.css new file: styles/fonts/webfontkit-20221027-163353/specimen_files/specimen_stylesheet.css new file: styles/fonts/webfontkit-20221027-163353/stylesheet.css new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-demo.html new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff2 new file: styles/fonts/webfontkit-20221027-165950/generator_config.txt new file: styles/fonts/webfontkit-20221027-165950/specimen_files/grid_12-825-55-15.css new file: styles/fonts/webfontkit-20221027-165950/specimen_files/specimen_stylesheet.css new file: styles/fonts/webfontkit-20221027-165950/stylesheet.css new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-demo.html new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff2 new file: styles/style.css new file: tools/2048/.gitignore new file: tools/2048/.jshintrc new file: tools/2048/CONTRIBUTING.md new file: tools/2048/LICENSE.txt new file: tools/2048/README.md new file: tools/2048/Rakefile new file: tools/2048/favicon.ico new file: tools/2048/index.html new file: tools/2048/js/animframe_polyfill.js new file: tools/2048/js/application.js new file: tools/2048/js/bind_polyfill.js new file: tools/2048/js/classlist_polyfill.js new file: tools/2048/js/game_manager.js new file: tools/2048/js/grid.js new file: tools/2048/js/html_actuator.js new file: tools/2048/js/keyboard_input_manager.js new file: tools/2048/js/local_storage_manager.js new file: tools/2048/js/tile.js new file: tools/2048/meta/apple-touch-icon.png new file: tools/webretro/cores/neocd_libretro.js new file: tools/webretro/cores/neocd_libretro.wasm new file: tools/webretro/cores/nestopia_libretro.js new file: tools/webretro/cores/nestopia_libretro.wasm new file: tools/webretro/cores/o2em_libretro.js new file: tools/webretro/cores/o2em_libretro.wasm new file: tools/webretro/cores/opera_libretro.js new file: tools/webretro/cores/opera_libretro.wasm
149 lines
5.4 KiB
HTML
149 lines
5.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en"><!-- #BeginTemplate "/Templates/Main.dwt" --><!-- DW6 -->
|
||
|
||
<!-- Mirrored from www.mathsisfun.com/numbers/number-line-zoom.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:58:36 GMT -->
|
||
<head>
|
||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||
|
||
<!-- #BeginEditable "doctitle" -->
|
||
<title>Zoomable Number Line</title>
|
||
<script src="images/number-zoom.js" type="text/javascript"></script>
|
||
<link rel="stylesheet" type="text/css" href="../stylejs.css">
|
||
<meta name="Description" content="Math explained in easy language, plus puzzles, games, quizzes, worksheets and a forum. For K-12 kids, teachers and parents.">
|
||
<!-- #EndEditable -->
|
||
<meta name="keywords" content="math, maths, mathematics, school, homework, education">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
||
<meta name="HandheldFriendly" content="true">
|
||
<meta name="referrer" content="always">
|
||
<link rel="stylesheet" href="../style4.css">
|
||
<script src="../main4.js"></script>
|
||
<script>document.write(gTagHTML())</script>
|
||
</head>
|
||
|
||
<body id="bodybg">
|
||
|
||
<div id="stt"></div>
|
||
<div id="adTop"></div>
|
||
<header>
|
||
<div id="hdr"></div>
|
||
<div id="tran"></div>
|
||
<div id="adHide"></div>
|
||
<div id="cookOK"></div>
|
||
</header>
|
||
|
||
<div class="mid">
|
||
|
||
<nav>
|
||
<div id="menuWide" class="menu"></div>
|
||
<div id="logo"><a href="../index.html"><img src="../images/style/logo.svg" alt="Math is Fun"></a></div>
|
||
|
||
<div id="search" role="search"></div>
|
||
<div id="linkto"></div>
|
||
|
||
<div id="menuSlim" class="menu"></div>
|
||
<div id="menuTiny" class="menu"></div>
|
||
</nav>
|
||
|
||
<div id="extra"></div>
|
||
|
||
<article id="content" role="main">
|
||
|
||
<!-- #BeginEditable "Body" -->
|
||
|
||
<h1 class="center">Zoomable Number Line</h1>
|
||
|
||
<p class="center"><b>Click</b> on number line to zoom in, <b>shift-click</b> to zoom out.<br>
|
||
Click at left or right to scroll.</p>
|
||
|
||
<script>numberzoomMain();</script>
|
||
<h2>Learn About Numbers</h2>
|
||
<p>See that numbers behave the same, whether they are 1, 2, 3, or 10, 20, 30, or 0.01, 0.02, 0.03.</p>
|
||
<p>Learn about decimals:</p>
|
||
<ul>
|
||
<li>Zoom in and look at: 0.6, 0.7, 0.8, 0.9, 1.0, 1.1, ...</li>
|
||
<li>Then ask: what is 0.9 + 0.1 ?</li>
|
||
</ul>
|
||
<p>Do the same after zooming in further:</p>
|
||
<ul>
|
||
<li>What is 0.09 + 0.01?</li>
|
||
<li>What is 0.19 + 0.01?</li>
|
||
<li>What is 0.99 + 0.01?</li>
|
||
</ul>
|
||
<p>You can see how decimal place values work and get a feel for "infinite" sub-divisibility (but this tool gets into trouble around 30 decimal places).</p>
|
||
<h2>Using</h2>
|
||
<p><span class="center"><b>Click</b> on number line to zoom in, <b>shift-click</b> to zoom out.</span> It will zoom from where you click.</p>
|
||
<p><span class="center">Click at left or right to scroll. </span></p>
|
||
<table style="border: 0; margin:auto;">
|
||
<tbody>
|
||
<tr>
|
||
<td><img src="../images/style/udlr-keyboard.png" alt="left-up-right-down keyboard" height="68" width="85"></td>
|
||
<td> </td>
|
||
<td>
|
||
<p>Or you can use your keyboard's arrow keys.<br>
|
||
Up/down to zoom, left/right to move.</p></td>
|
||
</tr>
|
||
</tbody></table>
|
||
<p>Try this:</p>
|
||
<ul>
|
||
<li>Use the "right" key, you will see the counting numbers whizz past.</li>
|
||
<li>Stop when you reach 100.</li>
|
||
<li>Go back to zero (press the reset button).</li>
|
||
<li>Zoom in to show 0.1, 0.2, 0.3, ...</li>
|
||
<li>Now try tracking right. The tenths whizz by.</li>
|
||
<li>How long does it take to reach 100 now?</li>
|
||
<li>Try zooming in to 0.01, 0.02, 0.03, ...</li>
|
||
<li>How long does it take to track across to 100 now (if you have the patience!) ?</li>
|
||
</ul>
|
||
<p>How much better to realise that you can zoom out a level and go up in tens. Then you can zoom in so that you are at 100.00 </p>
|
||
<p>Test yourself. Start at 0. Use the zoom and left/right to find these numbers:</p>
|
||
<ul>
|
||
<li>3.4</li>
|
||
<li>17.85</li>
|
||
<li>−17.85</li>
|
||
<li>100.00357</li>
|
||
</ul>
|
||
<h2>Race To 100.00357</h2>
|
||
<p>Challenge your friends! Start at 0 (press the '0' button), then see how fast you can get to 100.00357 (you must see that number on the screen).</p>
|
||
<h2>Least Moves</h2>
|
||
<p>How many moves does it take to find a number?</p>
|
||
<p>Not against the clock but by counting the number of moves you make.</p>
|
||
<table style="border: 0;">
|
||
<tbody>
|
||
<tr>
|
||
<td><img src="../images/style/udlr-keyboard.png" alt="left-up-right-down keyboard" height="68" width="85"></td>
|
||
<td> </td>
|
||
<td>
|
||
<p>Use just the arrow keys and try to find the <b>least number of key-presses</b> to reach a number</p>
|
||
<p>(Note: A count of your keystrokes is in the bottom corner.)</p></td>
|
||
</tr>
|
||
</tbody></table>
|
||
<p>How many moves does it take you to reach:</p>
|
||
<ul>
|
||
<li><b> 3.4</b> (it took me 7 moves)</li>
|
||
<li><b>22.45</b> (it took me 18 moves)</li>
|
||
<li><b>100.00357</b> (it took me 51 moves)</li>
|
||
</ul>
|
||
<p> </p>
|
||
|
||
<div class="related">
|
||
<a href="../number-line.html">Number Line</a>
|
||
<a href="number-line-using.html">Using The Number Line</a>
|
||
<a href="number-line-scroll.html">Scrolling Number Line</a>
|
||
<a href="skip-counting.html">Skip Counting</a>
|
||
<a href="skip-counting-game.html">Skip Counting Game</a>
|
||
</div>
|
||
<!-- #EndEditable -->
|
||
|
||
</article>
|
||
|
||
<div id="adend" class="centerfull noprint"></div>
|
||
<footer id="footer" class="centerfull noprint"></footer>
|
||
<div id="copyrt">Copyright © 2021 MathsIsFun.com</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
</body><!-- #EndTemplate -->
|
||
<!-- Mirrored from www.mathsisfun.com/numbers/number-line-zoom.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:58:36 GMT -->
|
||
</html> |