Difference between revisions of "Interactive JessieScript"

From JSXGraph Wiki
Jump to navigationJump to search
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 14: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});
}