Interactive JessieScript: Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) (New page: <jsxgraph width="600" height="450" box="box"> var board, construction = []; board = JXG.JSXGraph.initBoard('box', {grid:true, boundingbox:[-1,6,11,-3], keepaspectratio:true, axis:true}); s...) |
A WASSERMANN (talk | contribs) No edit summary |
||
| (26 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
<jsxgraph width="600" height="450" box="box"> | <jsxgraph width="600" height="450" box="box" modules="JessieScript"> | ||
var board, construction = []; | var board, construction = []; | ||
board = JXG.JSXGraph.initBoard('box', {grid: | board = JXG.JSXGraph.initBoard('box', {grid:false, boundingbox:[-1,6,11,-3], keepaspectratio:true, axis:true}); | ||
function construct() { | function construct() { | ||
var t = document.getElementById('input').value; | var t = document.getElementById('input').value; | ||
board.suspendUpdate(); | |||
construction.push(board.construct(t)); | 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> | <html> | ||
<form><textarea id="input" cols= | <form><textarea id="input" cols=50 rows=4> | ||
A(1,1);B(2,2.5);C(1,3 | A(1,1);B(2,2.5);C(1,3);[AB];k(B,[AC]); | ||
</textarea> | </textarea> | ||
<br> | <br> | ||
<input type="button" value="set" onClick="construct()"> | <input type="button" value="set" onClick="construct()"> | ||
<input type="button" value="clear all" onClick="clearAll()"> | |||
</form> | </form> | ||
</html> | </html> | ||
===Available commands=== | |||
See our [http://jsxgraph.org/distrib/jessiescript_ref_en.pdf documentation page] for a list of commands. | |||
==The JavaScript code== | |||
JessieScript is not longer actively delevoped. Instead, the focus is on the programming language | |||
[https://github.com/jsxgraph/JessieCode JessieCode]. | |||
As a consequence, JessieScript is not contained in jsxgraphcore.js anymore. If you want to use JessieScript, you have to load the file jessiescript.js from the JSXGraph sources or the file | |||
https://jsxgraph.org/distrib/JessieScript.js after loading jsxgraphcore.js | |||
<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]] | |||
Latest revision as of 13:57, 4 January 2021
Available commands
See our documentation page for a list of commands.
The JavaScript code
JessieScript is not longer actively delevoped. Instead, the focus is on the programming language JessieCode. As a consequence, JessieScript is not contained in jsxgraphcore.js anymore. If you want to use JessieScript, you have to load the file jessiescript.js from the JSXGraph sources or the file https://jsxgraph.org/distrib/JessieScript.js after loading jsxgraphcore.js
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});
}
