Self-contained function plotting - Revision history

A WASSERMANN at 10:30, 5 October 2020

2020-10-05T10:30:43Z

← Older revision		Revision as of 10:30, 5 October 2020
Line 49:		Line 49:

	var btn_start = board.create('button', [-4.5, 3.2, 'plot', plot]);		var btn_start = board.create('button', [-4.5, 3.2, 'plot', plot]);
	var btn_clear = board.create('button', [-3.5, 3.2, 'clear all', clear]);</source>		var btn_clear = board.create('button', [-3.0, 3.2, 'clear all', clear]);</source>

	[[Category:Examples]]		[[Category:Examples]]
	[[Category:Calculus]]		[[Category:Calculus]]

A WASSERMANN at 10:30, 5 October 2020

2020-10-05T10:30:13Z

← Older revision		Revision as of 10:30, 5 October 2020
Line 22:		Line 22:

	var btn_start = board.create('button', [-4.5, 3.2, 'plot', plot]);		var btn_start = board.create('button', [-4.5, 3.2, 'plot', plot]);
	var btn_clear = board.create('button', [-3.5, 3.2, 'clear all', clear]);		var btn_clear = board.create('button', [-3.0, 3.2, 'clear all', clear]);
	</jsxgraph>		</jsxgraph>

A WASSERMANN at 14:02, 8 July 2020

2020-07-08T14:02:09Z

@@ Line 29: / Line 29: @@
 <source lang="javascript">
-</source>
+const board = JXG.JSXGraph.initBoard('jxgbox', {
 [[Category:Examples]]
 [[Category:Calculus]]

A WASSERMANN: Created page with "In this example, input field and buttons are part of the JSXGraph construction. const board = JXG.JSXGraph.initBoard('jxgbox', { boun..."

2020-07-08T14:01:31Z

Created page with "In this example, input field and buttons are part of the JSXGraph construction. <jsxgraph width="600" height="600"> const board = JXG.JSXGraph.initBoard('jxgbox', { boun..."

New page

In this example, input field and buttons are part of the JSXGraph construction.

<jsxgraph width="600" height="600">
const board = JXG.JSXGraph.initBoard('jxgbox', {
boundingbox: [-5, 5, 5, -5], axis:true
});

var input = board.create('input', [-4.5, 4, 'x^2', 'f: '], {
cssStyle: 'width: 8em'
});
var plots = [];

var plot = function() {
var f = board.jc.snippet(input.Value(), true, 'x', false);
plots.push(board.create('functiongraph', [f]));
};
var clear = function() {
for (f of plots) {
board.removeObject(f);
}
};

var btn_start = board.create('button', [-4.5, 3.2, 'plot', plot]);
var btn_clear = board.create('button', [-3.5, 3.2, 'clear all', clear]);
</jsxgraph>

===The underlying JavaScript code===

<source lang="javascript">
</source>

[[Category:Examples]]
[[Category:Calculus]]