View source for Interactive JessieScript

<jsxgraph width="600" height="450" box="box">
var board, construction = [];
board = JXG.JSXGraph.initBoard('box', {grid:false, 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});
}
</jsxgraph>

<br>
<html>
<form><textarea id="input" cols=50 rows=4>
A(1,1);B(2,2.5);C(1,3);[AB];k(B,[AC]);
</textarea>
<br>
<input type="button" value="set" onClick="construct()">
<input type="button" value="clear all" onClick="clearAll()"> 
</form>
</html>

===Available commands===
See our [http://jsxgraph.uni-bayreuth.de/wp/documentation/ documentation page] for a list of commands.

==The JavaScript code==
<source lang="javascript">
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});
}
</source>

[[Category:Geometry]]
[[Category:Examples]]