Difference between revisions of "Even simpler function plotter"
From JSXGraph Wiki
Jump to navigationJump to searchA WASSERMANN (talk | contribs) |
A WASSERMANN (talk | contribs) |
||
Line 15: | Line 15: | ||
function clearAll(board) { | function clearAll(board) { | ||
JXG.JSXGraph.freeBoard(board); | JXG.JSXGraph.freeBoard(board); | ||
− | board = JXG.JSXGraph.initBoard(' | + | board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,8,8,-5], axis:true}); |
− | |||
− | |||
} | } | ||
+ | </jsxgraph> | ||
+ | ===The underlying JavaScript code=== | ||
+ | <source lang="javascript"> | ||
+ | var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,8,8,-5], axis:true}); | ||
− | </ | + | function plotter() { |
+ | var t = board.algebra.geonext2JS(document.getElementById('input').value); | ||
+ | var f = new Function('x','var y = '+t+'; return y;'); | ||
+ | board.create('functiongraph',[f]); | ||
+ | } | ||
+ | function clearAll(board) { | ||
+ | JXG.JSXGraph.freeBoard(board); | ||
+ | board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,8,8,-5], axis:true}); | ||
+ | } | ||
+ | </source> | ||
+ | |||
+ | [[Category:Examples]] | ||
+ | [[Category:Calculus]] |
Revision as of 17:44, 22 March 2010
The underlying JavaScript code
var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,8,8,-5], axis:true});
function plotter() {
var t = board.algebra.geonext2JS(document.getElementById('input').value);
var f = new Function('x','var y = '+t+'; return y;');
board.create('functiongraph',[f]);
}
function clearAll(board) {
JXG.JSXGraph.freeBoard(board);
board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5,8,8,-5], axis:true});
}