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

254 lines
11 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/Advanced.dwt" --><!-- DW6 -->
<!-- Mirrored from www.mathsisfun.com/calculus/continuity.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:48:57 GMT -->
<head>
<meta charset="UTF-8">
<!-- #BeginEditable "doctitle" -->
<title>Continuous Functions</title>
<meta name="description" content="A function is continuous when its graph is a single unbroken curve that ...">
<script src="images/continuity-examples.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="../stylejs.css">
<script language="JavaScript" type="text/javascript">reSpell = [["center", "centre"]];</script>
<style>
.lim { display: inline-table; text-align: center; vertical-align: middle; margin: 0 10px 0 2px; border-collapse: collapse; }
.lim em { display: table-row; text-align: center; font-style: inherit; }
.lim strong { display: table-row; text-align: center; font-weight: inherit; font-size: 80%; line-height:9px; }
</style>
<!-- #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="preload" href="../images/style/font-champ-bold.ttf" as="font" type="font/ttf" crossorigin>
<link rel="preload" href="../style4.css" as="style">
<link rel="preload" href="../main4.js" as="script">
<link rel="stylesheet" href="../style4.css">
<script src="../main4.js" defer></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-29771508-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-29771508-1');
</script>
</head>
<body id="bodybg" class="adv">
<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-adv.svg" alt="Math is Fun Advanced"></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">Continuous Functions</h1>
<p>A function is continuous when its graph is a single unbroken curve ...</p>
<div class="center80"><img src="../images/style/pencil-paper.svg" alt="pencil" style="float:left; margin: 0 10px 5px 0;" width="119" height="99" >
<p class="center"><span class="large">... that you could draw without lifting your pen from the paper</span>.</p>
</div>
<p>That is not a formal definition, but it helps you understand the idea.</p>
<p>Here is a continuous function:</p>
<p class="center"><img src="images/continuous-polynomial.svg" alt="continuous polynomial" width="198" height="198" ></p>
<h2>Examples</h2>
<p>So what is <b>not continuous</b> (also called <b>discontinuous</b>) ?</p>
<p>Look out for holes, jumps or vertical asymptotes (where the function heads up/down towards infinity).</p>
<p><br></p>
<div class="flexy">
<div class="col">
<img src="images/continuous-hole-no.svg" alt="not continuous hole " width="135" height="102" ><br>
<span class="larger"><b>Not</b> Continuous</span><br>
(hole)
</div>
<div class="col">
<img src="images/continuous-jump-no.svg" alt="not continuous jump " width="135" height="102" ><br>
<span class="larger"><b>Not</b> Continuous</span><br>
(jump)
</div>
<div class="col">
<img src="images/continuous-asymp-no.svg" alt="not continuous asymptote " width="135" height="102" ><br>
<span class="larger"><b>Not</b> Continuous</span><br>
(vertical asymptote)
</div>
</div>
<p><br></p>
<p>Try these different functions so you get the idea:</p>
<script>
continuityexamplesMain();
</script>
<p class="center">(Use slider to zoom, drag graph to reposition, click graph to re-center.)</p>
<!--<div class="flash">
<script>putFlash6(620,570,'images/continuity-examples.swf','','#FFFFFF');</script>
<noscript>
<object type="application/x-shockwave-flash" width="620" height="570" data="images/continuity-examples.swf" align="middle">
<param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="true" /><param name="movie" value="images/continuity-examples.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#FFFFFF" /></object>
</noscript>
</div>
-->
<h2>Domain</h2>
<p style="float:right; margin: 0 0 5px 25px;"><img src="../sets/images/range-domain-graph.svg" alt="doman and range" width="298" height="167" ></p>
<p>A&nbsp;function&nbsp;has&nbsp;a <a href="../sets/domain-range-codomain.html">Domain.</a></p>
<p>In its simplest form the domain is all the values that <b>go into</b> a function.</p>
<div style="clear:both"></div>
<p class="center large">We may be able to choose a domain that makes the function continuous</p>
<p>&nbsp;</p>
<div class="example">
<h3>Example: 1/(x1)</h3>
<p>At x=1 we have:</p>
<div class="so"> 1/(11) = 1/0 = undefined<br>
</div>
<p>So there is a "discontinuity" at x=1</p>
<p class="center"><img src="images/continuous-asymp-include.svg" alt="continuous asymptote" width="191" height="146" ><span class="larger"><br>
f(x) = 1/(x1)</span></p>
<p><span class="larger">So f(x) = 1/(x1) over <b>all Real Numbers</b> is NOT continuous</span></p>
<p>&nbsp;</p>
<p>Let's change the domain to <b>x&gt;1</b></p>
<p class="center"><img src="images/continuous-asymp-exclude.svg" alt="continuous asymptote exclude" width="191" height="146" ><br>
g(x) = 1/(x1) for <b>x&gt;1</b></p>
<p><span class="larger">So g(x) IS continuous</span></p>
<p>&nbsp;</p>
<p>In other words g(x) does <b>not</b> include the value x=1, so it is <b>continuous</b>.</p>
</div>
<p>When a function is <b>continuous within its Domain</b>, it is a continuous function.</p>
<h2>More Formally !</h2>
<p>We can define <b>continuous</b> using <a href="limits.html">Limits</a> (it helps to read that page first):</p>
<div class="def">
<p class="large">A function <b>f</b> is continuous when, for <b>every</b> value <b>c</b> in its Domain:</p>
<p class="center large">f(c) is defined,</p>
<p class="center">and</p>
<p class="center large"><span class="lim"><em>lim</em><strong>x→c</strong></span><i>f(x) = f(c)</i></p>
<p class="center"><i>"the limit of f(x) as x approaches c equals f(c)</i>"</p>
</div>
<p><span class="center">The limit says: </span></p>
<p class="center larger">"as x gets closer and closer to c<br>
then f(x) gets closer and closer to f(c)"</p>
<p>And we have to check from both directions:</p>
<table style="border: 0; margin:auto;">
<tbody>
<tr>
<td style="text-align:right;">as x approaches c (from left)<br>
then f(x) approaches f(c)</td>
<td>&nbsp;</td>
<td><span class="center"><img src="images/continuous-limit-graph.gif" alt="continuous limit graph" width="285" height="202" ></span></td>
</tr>
<tr style="text-align:center;">
<td style="text-align:right;">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr style="text-align:center;">
<td style="text-align:right;">AND<br>
as x approaches c (from right)<br>
then f(x) approaches f(c)</td>
<td>&nbsp;</td>
<td><span class="center"><img src="images/continuous-limit-graph2.gif" alt="continuous limit graph" width="283" height="203" ></span></td>
</tr>
</tbody></table>
<p>If we get different values from left and right (a "jump"), then the limit does not exist!</p>
<p>And remember this has to be true for every value <b>c</b> in the domain.</p>
<h2>How to Use:</h2>
<p>Make sure that, for all <b>x</b> values:</p>
<ul>
<li><b> f(x)</b> is defined</li>
<li>and the limit at <b>x</b> equals <b>f(x)</b></li>
</ul>
<p>Here are some examples:</p>
<div class="example">
<h3>Example: f(x) = (x<sup>2</sup>1)/(x1) for all Real Numbers</h3>
<p style="float:right; margin: 0 0 5px 10px;"><img src="images/graph-x2-1-x-1.svg" alt="graph (x^2-1)/(x-1) hole" width="137" height="147" ></p>
<p>The function is <b>undefined</b> when x=1:</p>
<p class="center">(x<sup>2</sup>1)/(x1) = (1<sup>2</sup>1)/(11) = <b>0/0</b></p>
<p>So it is <b>not</b> a continuous function</p>
</div>
<p>Let us change the domain:</p>
<div class="example">
<h3>Example: g(x) = (x<sup>2</sup>1)/(x1) over the interval x&lt;1</h3>
<p><b>Almost</b> the same function, but now it is over an interval that does <b>not</b> include x=1.</p>
<p>So now it <b>is</b> a continuous function (does not include the "hole")</p>
</div>
<div class="example">
<h3>Example: How about this <a href="../sets/functions-piecewise.html">piecewise function</a>:</h3>
<p class="center"><img src="images/continuous-jump-fn.svg" alt="h(x) = { 2 if x&lt;=1, x if x&gt;1 }" width="249" height="81" ></p>
<p>It looks like this:</p>
<p class="center"><img src="images/continuous-jump-graph.gif" alt="continuous jump graph" width="178" height="159" ></p>
<p>It is <b>defined</b> at x=1, because <b>h(1)=2</b> (no "hole")</p>
<p>But at x=1 <b>you can't say what the limit is</b>, because there are two competing answers:</p>
<ul>
<li>"2" from the left, and</li>
<li>"1" from the right</li>
</ul>
<p>so in fact the limit does not exist at x=1 (there is a "jump")</p>
<p>And so the function is <b>not continuous</b>.</p>
</div>
<p>But:</p>
<div class="example">
<h3>Example: How about the piecewise function <a href="../sets/function-absolute-value.html">absolute value</a>:</h3>
<p style="float:left; margin: 0 10px 5px 0;"><img src="../sets/images/function-absolute-b.svg" alt="Absolute Value function" width="339" height="81" ></p>
<p style="float:right; margin: 0 0 5px 10px;"><img src="../sets/images/function-absolute.svg" alt="Absolute Value function" width="241" height="241" ></p>
<div style="clear:both"></div>
<p>At x=0 it has a very pointy change!</p>
<p>But it is still <b>defined</b> at x=0, because <b>f(0)=0</b> (so no "hole"),</p>
<p>And the limit as you approach x=0 (from either side) is also <b>0</b> (so no "jump"),</p>
<p>So it is in fact <b> continuous</b>.</p>
<p>(But it is not <a href="differentiable.html">differentiable</a> at x=0)</p>
</div>
<p>&nbsp;</p>
<div class="related">
<a href="differentiable.html">Differentiable</a>
<a href="index.html">Calculus Index</a>
</div>
<!-- #EndEditable -->
</article>
<div id="adend" class="centerfull noprint"></div>
<footer id="footer" class="centerfull noprint"></footer>
<div id="copyrt">Copyright &copy; 2021 MathsIsFun.com</div>
</div>
</body>
<!-- #EndTemplate -->
<!-- Mirrored from www.mathsisfun.com/calculus/continuity.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:49:00 GMT -->
</html>