JSXGraph Example: Intersection x-Axis
In this example, a JSXGraph object is used to display the user input of a gap in a coordinate system.
Related Topics
To create this example, proceed as follows:
| Create a text entry interaction. Define the task and generate the required gaps. In the example, the value of the first gap is used for the JSX object. Make a note of this gap's ID. |  |
Add a JSXGraph object by clicking on the var brd=JXG.JSXGraph.initBoard('JSX_CONTAINER_ID', {axis:true, boundingbox:[-10, 10, 10, -10]}); var x=0; var p=brd.create('point', [0, 0], {name:'P'}); const butt = brd.create('button', [5, 8, "Punkt aktualisieren", function() { x=Number(getOnyxGapValue({GAP_1})); brd.removeObject(p); p=brd.create('point', [x, 0], {name:'P'}); brd.update(); }],{fixed:true}); The JXG.JSXGraph.initBoard() method creates the field for the graphic. Die Methode brd.create() mit dem Bezeichner 'point' wird verwendet, um einen Punkt mit den gegebenen Koordinaten und einem gegebenen Namen zu zeichnen der zu Beginn in der Grafik angezeigt wird. Die Methode brd.create() mit dem Bezeichner „button“ verwendet, um eine Schaltfläche zu erstellen. In den Argumenten werden der Titel der Schaltfläche und eine Methode zur Übernahme von Eingaben aus der Lücke übergeben. Die Methode getOnyxGapValue() mit dem Argument {GAP_1} wird verwendet, um den Wert aus der Onyx-Lücke mit der Bezeichnung GAP_1 zu übernehmen. Prüfen Sie bei mehreren Lücken, das die korrekte Lücke ausgewertet wird. Sie finden die Bezeichnung einer Lücke, in der Bearbeitungsansicht der Lücke im Feld rechts unten mit der Beschriftung "ID: ..." Die Methode brd.removeObject() wird verwendet, um ein Objekt aus der Grafik zu entfernen. In den Argumenten wird die Referenz des alten JSXGraph-Objekts (hier der Punkt p) erwartet. Die Methode brd.update() dient zur manuellen Aktualisierung der Grafik, d.h. das Feld wird neu gezeichnet.
|  |
| Prüfen Sie in der Vorschau ihre Angaben und Speichern Sie die Aufgabe | |
icon. Now, change the JavaScript code in the dialog as follows: