Beispielaufgabe Schnittpunkt x-Achse

Zuletzt geändert von Carina Enke am 13.11.2024

In diesem Beispiel wird ein JSXGraph-Objekt genutzt, um die Nutzereingabe einer Lücke in einem Koordinatensystem anzuzeigen.

Beispiel2 - Vorschau der Aufgabe_de.png

Editor - Lücke in JSXCode_de.png
 

Verwandte Themen

Um dieses Beispiel selbst zu erstellen, gehen Sie wie folgt vor:

Erstellen Sie eine Lückentextaufgabe. Legen Sie die Aufgabenstellung fest und erstellen Sie die benötigten Lücken. Im Beispiel wird der Wert der ersten Lücke für das JSX-Objekt genutzt. Merken Sie sich die ID dieser Lücke.Beispiel2 - Aufgabenstellung mit Lücken_de.png

Fügen Sie mit Klick auf das Icon Icon_JSX.png ein JSXGraph-Objekt hinzu. Im Dialog passen Sie den JavaScript-Code wie folgt an:

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});

Die Methode JXG.JSXGraph.initBoard() erzeugt das Feld für die Grafik.
Die Optionen axis bzw. boundingbox fügen dem Feld  eine Achse hinzu bzw. bestimmen die Begrenzungskoordinaten des angezeigten Teils des Feldes.
 

Bitte beachten Sie: Ändern Sie die Bezeichnung  'JSX_CONTAINER_ID'  nicht, da diese von ONYX benötigt wird.

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.

 

Beispiel2 - JSX-Objekt anlegen_de.png
Prüfen Sie in der Vorschau ihre Angaben und Speichern Sie die AufgabeBeispiel2 - Vorschau der Aufgabe_de.png