Power series for the exponential function: Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) No edit summary |
A WASSERMANN (talk | contribs) No edit summary |
||
Line 12: | Line 12: | ||
board1.createElement('axis', [[0,0], [0,1]], {}); | board1.createElement('axis', [[0,0], [0,1]], {}); | ||
// | // | ||
board1.createElement(' | board1.createElement('functiongraph', | ||
[ | [function(t){ return Math.exp(t); },-10, 10], | ||
{strokeColor: "#cccccc"}); | {strokeColor: "#cccccc"}); | ||
// | // | ||
Line 30: | Line 30: | ||
]); | ]); | ||
// | // | ||
board1.createElement(' | board1.createElement('functiongraph', [ | ||
function(t) { | function(t) { | ||
var val = 0; | var val = 0; | ||
Line 39: | Line 38: | ||
return val; | return val; | ||
}, | }, | ||
-10, 10], {strokeColor: "#bb0000", curveType:'plot'}); | |||
board1.unsuspendUpdate(); | board1.unsuspendUpdate(); | ||
</script> | </script> | ||
Line 64: | Line 63: | ||
board1.createElement('axis', [[0,0], [0,1]], {}); | board1.createElement('axis', [[0,0], [0,1]], {}); | ||
// | // | ||
board1.createElement(' | board1.createElement('functiongraph', | ||
[ | [function(t){ return Math.exp(t); }, -10, 10], | ||
{strokeColor: "#cccccc"}); | {strokeColor: "#cccccc"}); | ||
var s = board1.createElement('slider', [[0.75,-2],[5,-2.0],[0,0,15]], {name:'S'}); | var s = board1.createElement('slider', [[0.75,-2],[5,-2.0],[0,0,15]], {name:'S'}); | ||
Line 80: | Line 79: | ||
}, | }, | ||
]); | ]); | ||
board1.createElement(' | board1.createElement('functiongraph', [ | ||
function(t) { | function(t) { | ||
var val = 0; | var val = 0; | ||
Line 89: | Line 87: | ||
return val; | return val; | ||
}, | }, | ||
-10, 10], {strokeColor: "#bb0000", curveType:'plot'}); | |||
board1.unsuspendUpdate(); | board1.unsuspendUpdate(); | ||
</source> | </source> |
Revision as of 12:06, 10 March 2009
References
The underlying JavaScript code
<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/prototype.js"></script>
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
<div id="jxgbox1" class="jxgbox" style="width:600px; height:300px;"></div>
// Board
board1 = JXG.JSXGraph.initBoard('jxgbox1', {originX: 300, originY: 250, unitX: 50, unitY: 10});
board1.suspendUpdate();
// Axes and Properties
board1.createElement('axis', [[0,0], [1,0]], {});
board1.createElement('axis', [[0,0], [0,1]], {});
//
board1.createElement('functiongraph',
[function(t){ return Math.exp(t); }, -10, 10],
{strokeColor: "#cccccc"});
var s = board1.createElement('slider', [[0.75,-2],[5,-2.0],[0,0,15]], {name:'S'});
board1.createElement('text',[-4,10, function() {
return 'n='+Math.floor(s.X());
},
]);
board1.createElement('text',[-4,8, function() {
var val = 0;
for(var i=0;i<= Math.floor(s.X()); i++) {
val+= 1.0/board1.factorial(i);
}
return 'e~'+board1.round(val,10);
},
]);
board1.createElement('functiongraph', [
function(t) {
var val = 0;
for(var i=0;i<= Math.floor(s.X()); i++) {
val+= Math.pow(t,i)/board1.factorial(i);
}
return val;
},
-10, 10], {strokeColor: "#bb0000", curveType:'plot'});
board1.unsuspendUpdate();