Hauptsatz der Differential- und Integralrechnung: Unterschied zwischen den Versionen

Markierung: Zurückgesetzt
Markierungen: Manuelle Zurücksetzung Zurückgesetzt
Zeile 43: Zeile 43:
     <div id="box2" style="width:15%; aspect-ratio:3/2; margin-top:20px;"></div>
     <div id="box2" style="width:15%; aspect-ratio:3/2; margin-top:20px;"></div>
     <script type="text/javascript">
     <script type="text/javascript">
         JXG.Options.text.useMathJax = true;
         JXG.Options.text.useMathJax = true;      
         // JSXGraph-Board erstellen
         // JSXGraph-Board erstellen
         var board = JXG.JSXGraph.initBoard('box2', {
         var board = JXG.JSXGraph.initBoard('box2', {
Zeile 87: Zeile 87:
             return (Math.pow(t, 5) / 24 - Math.pow(t, 3) / 2 + t);
             return (Math.pow(t, 5) / 24 - Math.pow(t, 3) / 2 + t);
         }]);
         }]);


         // Integral erstellen
         // Integral erstellen
Zeile 116: Zeile 117:
         });
         });


         // Integral-Label anpassen
         // Funktion zur Aktualisierung des Labels und Neuberechnung des Integrals
         i1.label.setText(() => {
         function updateLabel() {
             const a = i1.baseLeft.X().toFixed(2); // Untere Grenze
             const a = i1.baseLeft.X().toFixed(2); // Untere Grenze
             const b = i1.baseRight.X().toFixed(2); // Obere Grenze
             const b = i1.baseRight.X().toFixed(2); // Obere Grenze
             const value = i1.Value().toFixed(4); // Wert des Integrals
             const value = i1.Value().toFixed(4); // Wert des Integrals
             const labelIntegral = `\\[\\int_{${a}}^{${b}} f(x) \\, dx = ${value}\\]`;
             const labelText = `\\[\\int_{${a}}^{${b}} f(x) \\, dx = ${value}\\]`;
             return labelIntegral ;
             i1.label.setText(labelText);  // Label aktualisieren
            MathJax.typeset(); // MathJax neu rendern
        }
 
        // Integral-Label anpassen
        updateLabel();
 
        // Update das Label, wenn sich die Grenzen ändern
        i1.baseLeft.on('drag', function() {
            updateLabel();  // Label aktualisieren, wenn linke Grenze verschoben wird
        });
        i1.baseRight.on('drag', function() {
            updateLabel();  // Label aktualisieren, wenn rechte Grenze verschoben wird
         });
         });