Power Series for sine and cosine: Difference between revisions
No edit summary |
No edit summary |
||
| Line 12: | Line 12: | ||
board1.createElement('axis', [[0,1], [0,0]], {}); | board1.createElement('axis', [[0,1], [0,0]], {}); | ||
// | // | ||
board1.createElement('curve', [function(t){ return t; }, function(t){ return Math.sin(t); }, "t", - | board1.createElement('curve', [function(t){ return t; }, function(t){ return Math.sin(t); }, "t", -5, 5],{strokeColor: "#cccccc"}); | ||
// | // | ||
var s = board1.createElement('slider', [0.75,-2.5,5,0,10,0], {name:'S'}); | var s = board1.createElement('slider', [0.75,-2.5,5,0,10,0], {name:'S'}); | ||
| Line 28: | Line 28: | ||
return val; | return val; | ||
}, | }, | ||
"t", - | "t", -5, 5], {strokeColor: "#bb0000"}); | ||
board1.unsuspendUpdate(); | board1.unsuspendUpdate(); | ||
/* | /* | ||
| Line 37: | Line 37: | ||
<script language="JavaScript"> | <script language="JavaScript"> | ||
// Board | // Board | ||
board2 = JXG.JSXGraph.initBoard('jxgbox2', {originX: 300, originY: 150, unitX: | board2 = JXG.JSXGraph.initBoard('jxgbox2', {originX: 300, originY: 150, unitX: 50, unitY: 50}); | ||
board2.suspendUpdate(); | board2.suspendUpdate(); | ||
// Axes and Properties | // Axes and Properties | ||
| Line 44: | Line 44: | ||
board2.snapToGrid = true; | board2.snapToGrid = true; | ||
// | // | ||
board2.createElement('curve', [function(t){ return t; }, function(t){ return Math.cos(t); }, "t", - | board2.createElement('curve', [function(t){ return t; }, function(t){ return Math.cos(t); }, "t", -5, 5],{strokeColor: "#cccccc"}); | ||
// | // | ||
var s2 = board2.createElement('slider', [ | var s2 = board2.createElement('slider', [0.75,-2.5,5,0,10,0], {name:'T'}); | ||
// | // | ||
board2.createElement('curve', [ | board2.createElement('curve', [ | ||
| Line 60: | Line 60: | ||
return val; | return val; | ||
}, | }, | ||
"t", - | "t", -5, 5],{strokeColor: "#009900"}); | ||
board2.unsuspendUpdate(); | board2.unsuspendUpdate(); | ||
</script> | </script> | ||
Revision as of 11:22, 17 September 2008
<html> <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>
<script language="JavaScript"> // Board board1 = JXG.JSXGraph.initBoard('jxgbox1', {originX: 300, originY: 150, unitX: 50, unitY: 50}); board1.suspendUpdate(); // Axes and Properties board1.createElement('axis', [[1,0], [0,0]], {}); board1.createElement('axis', [[0,1], [0,0]], {}); // board1.createElement('curve', [function(t){ return t; }, function(t){ return Math.sin(t); }, "t", -5, 5],{strokeColor: "#cccccc"}); // var s = board1.createElement('slider', [0.75,-2.5,5,0,10,0], {name:'S'}); // board1.createElement('curve', [ function(t){ return t; }, function(t) { var val = 0; for(var i = 0; i < Math.floor(s.X()) + 1; i++) { var f = 1; var n = 1; while (n <= 2 * i + 1) { f = f * n++; }
val = val + Math.pow(-1, i) * Math.pow(t, 2 * i + 1) / f;
} return val; }, "t", -5, 5], {strokeColor: "#bb0000"}); board1.unsuspendUpdate(); /*
- /
</script>
Power Series for Cosine
<script language="JavaScript"> // Board board2 = JXG.JSXGraph.initBoard('jxgbox2', {originX: 300, originY: 150, unitX: 50, unitY: 50}); board2.suspendUpdate(); // Axes and Properties board2.createElement('axis', [[1,0], [0,0]], {}); board2.createElement('axis', [[0,1], [0,0]], {}); board2.snapToGrid = true; // board2.createElement('curve', [function(t){ return t; }, function(t){ return Math.cos(t); }, "t", -5, 5],{strokeColor: "#cccccc"}); // var s2 = board2.createElement('slider', [0.75,-2.5,5,0,10,0], {name:'T'}); // board2.createElement('curve', [ function(t){ return t; }, function(t) { var val = 0; for(var i = 0; i < Math.floor(s2.X()) + 1; i++) { var f = 1; var n = 1; while (n <= 2 * i) { f = f * n++; }
val = val + Math.pow(-1, i) * Math.pow(t, 2 * i) / f;
} return val; }, "t", -5, 5],{strokeColor: "#009900"}); board2.unsuspendUpdate(); </script>
