Difference between revisions of "Interactive JessieScript"

From JSXGraph Wiki
Jump to navigationJump to search
(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...)
 
 
(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:true, boundingbox:[-1,6,11,-3], keepaspectratio:true, axis:true});
+
board = JXG.JSXGraph.initBoard('box', {grid:false, boundingbox:[-1,6,11,-3], keepaspectratio:true, axis:true});
step
+
 
 
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>
  
</jsxgraph>
+
<br>
 
<html>
 
<html>
<form><textarea id="input" cols=60 rows=4>
+
<form><textarea id="input" cols=50 rows=4>
A(1,1);B(2,2.5);C(1,3);G(5,3);H(6,4);[GH];k(G,1);AB(5,-1);X(6,-1);Y(7,-2);k(Y,X);k(A,[BC]);k(B,[AC]);
+
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 14: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});
}