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});
}