<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Sandkasten</title>
<link rel="stylesheet" href="lib/dom-output.css" />
<link rel="stylesheet" href="lib/dfhi.css" />
<link rel="stylesheet" href="lib/dfhi-plot.css"/>
<link rel="stylesheet" href="jsxgraph-experiment.css"/>
</head>
<body>
<div>
<p>
Sandkasten zum Testen der Bibliothek JSXGraph. Documentation:
<a href="https://jsxgraph.org/docs/index.html">JSXGraph</a>
</p>
Geben Sie die Anzahl der zu zeichenden Punkten ein: <input type="text" id="argv" name="argv" />
<button name="run" id="run" >Plot Punkten</button>
</p>
</div>
<div class="row">
<div id="plotter-container" class="column">
<div class="jxgbox" id="plotter"></div>
<div>
<button id="export">Export to SVG</button>
<button id="axis">Show/hide Axis</button>
</div>
</div>
<div id="text-output-container" class="column">
<pre id="text-output"></pre>
</div>
</div>
<p class="notice">
Das Programm plottet die Punkten auf der Lissajous-Kurve
\[
\left\{\begin{array}{ccl}
x &=& A\sin(at + \delta)\\
y &=& B\cos(bt)
\end{array}\right.
\]
für \(a = 3\), \(b = 4\) und \(A = B = 1\).</p>
<p>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
<script src="jsxgraph-experiment.js" type="module"></script>
</body>
</html>