Interactive JessieScript: Difference between revisions
From JSXGraph Wiki
| A WASSERMANN (talk | contribs) No edit summary | A WASSERMANN (talk | contribs) No edit summary | ||
| Line 1: | Line 1: | ||
| <html> | <html> | ||
| <script type="text/javascript"  href="https://jsxgraph.org/distrib/JessieScript.js"></script> | <script type="text/javascript"  href="https://jsxgraph.org/distrib/JessieScript.js"></script> | ||
| < | <jsxgraph width="600" height="450" id="box"> | ||
| var board, construction = []; | var board, construction = []; | ||
| board = JXG.JSXGraph.initBoard('box', {grid:false, boundingbox:[-1,6,11,-3], keepaspectratio:true, axis:true});https://jsxgraph.org/distrib/JessieScript.js | board = JXG.JSXGraph.initBoard('box', {grid:false, boundingbox:[-1,6,11,-3], keepaspectratio:true, axis:true});https://jsxgraph.org/distrib/JessieScript.js | ||
| Line 18: | Line 15: | ||
|      board = JXG.JSXGraph.initBoard('box', {grid:true, boundingbox:[-1,6,11,-3], keepaspectratio:true, axis:true}); |      board = JXG.JSXGraph.initBoard('box', {grid:true, boundingbox:[-1,6,11,-3], keepaspectratio:true, axis:true}); | ||
| } | } | ||
| </ | </jsxgraph> | ||
| <br> | <br> | ||
Revision as of 13:42, 4 January 2021
Available commands
See our documentation page for a list of commands.
The JavaScript code
var board, construction = [];
board = JXG.JSXGraph.initBoard('box', {grid:true, boundingbox:[-1,6,11,-3], keepaspectratio:true, axis:true});
function construct() {
    var t = document.getElementById('input').value;
    board.suspendUpdate();
    construction.push(board.construct(t));
    board.unsuspendUpdate();
}
function clearAll() {
    JXG.JSXGraph.freeBoard(board);
    board = JXG.JSXGraph.initBoard('box', {grid:true, boundingbox:[-1,6,11,-3], keepaspectratio:true, axis:true});
}
