Interactive JessieScript: Difference between revisions

From JSXGraph Wiki
No edit summary
No edit summary
Line 1: Line 1:
<html>
<html>
<script type="text/javascript"  href="https://jsxgraph.org/distrib/jsxgraphcore.js"></script>
<script type="text/javascript"  href="https://jsxgraph.org/distrib/JessieScript.js"></script>
<script type="text/javascript"  href="https://jsxgraph.org/distrib/JessieScript.js"></script>
<div width="600" height="450" id="box">
<jsxgraph width="600" height="450" id="box">
</div>
<script>
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});
}
}
</script>
</jsxgraph>
</html>


<br>
<br>

Revision as of 13:42, 4 January 2021

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


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