Lucas Kent e39465ad2f Changes to be committed:
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
2022-11-02 08:40:01 -04:00

149 lines
5.4 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>&nbsp;</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.&nbsp; 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.&nbsp; Then you can zoom in so that you are at 100.00&nbsp; &nbsp;</p>
<p>Test yourself. Start at 0.&nbsp; 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>&nbsp;</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>&nbsp;</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>