Hallo alle zusammen ich habe eine Hausaufgabe in Programmierung aufbekommen. Ich habe mich erstmal hingesetzt und versucht bisschen was zu machen nur bekomm ich nicht wirklich was sinnvolles in meiner Zeichnung:rtfm:
Die Aufgabe lautet:
Den Graph eines Polynoms zweiten Grads zeichnen
Schreiben Sie ein Javascript-Programm, das die Eingabe der Koeffizienten a0, a1 und a2 für ein Polynom zweiten Grads in einem HTML-Formular erlaubt, d.h. für Funktionen der Form
y = a2*x^2 + a1*x + a0
und dann den Graph der Funktion für den Bereich zwischen x = -7 und x = 7 in ein Koordinatensystem zeichnet.
Was ich bisher gemacht habe:
mein Problem ist erstmal das etwas angezeigt wird aber ich weiß nicht ob es richtig ist bzw. ich weiß nicht wie ich es so umstellen muss das was sinnvolles dabei rauskommt. danke im voraus:toll:
Die Aufgabe lautet:
Den Graph eines Polynoms zweiten Grads zeichnen
Schreiben Sie ein Javascript-Programm, das die Eingabe der Koeffizienten a0, a1 und a2 für ein Polynom zweiten Grads in einem HTML-Formular erlaubt, d.h. für Funktionen der Form
y = a2*x^2 + a1*x + a0
und dann den Graph der Funktion für den Bereich zwischen x = -7 und x = 7 in ein Koordinatensystem zeichnet.
Was ich bisher gemacht habe:
Java:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Graph</title>
<script type="text/javascript">
var cc; // Variable für Canvas-Kontext
function draw() {
var myCanvasElem = document.getElementById("canvas");
if (myCanvasElem.getContext) {
cc = myCanvasElem.getContext("2d");
var a0 = parseInt( document.forms['f1'].len1.value);
var a1 = parseInt( document.forms['f1'].len2.value);
var a2 = parseInt( document.forms['f1'].len3.value);
var x1, y1, x2, y2;
for(x1=-7;x1<=6;x1=x1+1){
y1=x1*x1*a2+x1*a1+a0;
x2=x1+1;
y2=x2*x2*a2+x2*a1+a0;
zeichneGraph(x1,x2,y1,y2);
}
}
}
function zeichneGraph(x1,x2,y1,y2) {
cc.beginPath();
cc.moveTo( x1, y1);
cc.lineTo( x2, y2);
cc.closePath();
cc.stroke();
}
window.onload = draw;
</script>
</head>
<body>
<form id="f1" action="hello.html">
<p>
<label for="a0">a0: </label>
<input type="text" id="a0" name="len1"/><br />
<label for="a1">a1: </label>
<input type="text" id="a1" name="len2"/><br />
<label for="a2">a2: </label>
<input type="text" id="a2" name="len3"/><br />
<button type="button" onclick="draw()">Zeichne Graphen</button><br />
</p>
</form>
<canvas id="canvas" width="600" height="400">Bitte einen aktuellen Browser verwenden!</canvas>
</body>
</html>mein Problem ist erstmal das etwas angezeigt wird aber ich weiß nicht ob es richtig ist bzw. ich weiß nicht wie ich es so umstellen muss das was sinnvolles dabei rauskommt. danke im voraus:toll:
