Zum Inhalt springen
Version 1.1 von Carina Enke am 28.10.2024
Zeige letzte Bearbeiter
1 In diesem Beispiel wird ein JSXGraph-Objekt genutzt, um Werte angelegter Variablen als Punkt in einem Koordinatensystem anzuzeigen.
2
3 Bild
4
5
6 Um dieses Beispiel selbst zu erstellen, gehen Sie wie folgt vor:
7
8 |(% style="width:503px" %)Erstellen Sie eine Lückentextaufgabe. Legen Sie die Variablen 'var_x' und 'var_y' mit dem gewünschten Wertebereich an.|(% style="width:758px" %)[[image:Beispiel1_Variablen anlegen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
9 |(% style="width:503px" %)Erstellen Sie den Text der Aufgabenstellung und die benötigten Lücken für die Eingabe. Referenzieren Sie dort die angelegten Variablen.|(% style="width:758px" %)[[image:Beispiel1_Lücken mit Variablen verknüpfen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
10 |(% style="width:503px" %)(((
11 Fügen Sie mit Klick auf das Icon [[image:ONYX._Include Library.Onyx Icons und Buttons.WebHome@Icon_JSX.png||data-xwiki-image-style="img-icon" height="23" width="25"]] ein JSXGraph-Objekt hinzu. Im Dialog passen Sie den JavaScript-Code wie folgt an:
12
13 {{code language="none"}}
14 x={var_x};
15 y={var_y};
16 var brd= JXG.JSXGraph.initBoard('JSX_CONTAINER_ID',
17 {axis:true, boundingbox:[-12, 12, 12, -12]});
18 brd.create('point', [x, y], {name:'P'});
19
20 {{/code}}
21 )))|(% style="width:758px" %)[[image:Beispiel1 JSX-Objekt anlegen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
22
23
24 (% class="western" %)
25 Der folgende Code nimmt die x-Koordinate des Punktes 'P' aus der ONYX-Variablen var_x  und malt diesen Punkt (mit der y-Koordinate 1) in eine JSXGraph-Tafel: