Ich bin neu in Javascript nach dem Lernen Programmierung in Java, so habe ich versucht, ein einfaches Objekt in Javascript in einer HTML - Seite zu definieren, aber der Code zeigt mir nicht die Ergebnisse der Berechnungen (IE nicht Anzeigebereiche, Perimeter oder welches Rechteck größer ist). Es scheint keinen Grammatikfehler zu geben.Javascript Objekt nicht angezeigt
<!DOCTYPE html>
<script language ="JavaScript">
Rectangle = function(b,h) {
this.base = parseInt(b);
this.height = parseInt(h);
this.area = b*h;
this.perimeter = (b+h)*2;
this.diagonal = sqrt(b*b+h*h);
}
</script>
</head>
<body>
<h3>Rectangles!</h3>
<b>First rectangle</b><br><br>
Base: <input type = "number" id = "base1" value = "0">
Height: <input type = "number" id = "height1" value = "0">
<br><br>
<b>Second rectangle</b><br><br>
Base: <input type = "number" id = "base2" value = "0">
Altezza: <input type = "number" id = "height2" value = "0">
<br><br><br>
<b>Data about first rectangle:</b><br><br>
<t>Perimeter is <div id = "p1"> </div>
<t>Area is <div id = "a1"> </div>
<t>Diagonal is <div id = "d1"> </div>
<br><br>
<b>Data about second rectangle:</b><br><br>
<t>Perimeter is <div id = "p2"> </div>
<t>Area is <div id = "a2"> </div>
<t>Diagonal is <div id = "d2"> </div>
<br><br>
<div id = "compare"> </div>
<script language = "JavaScript">
A = new Rectangle(document.getElementById("base1").value,document.geteElementById("altezza1"));
B = new Rectangle(document.getElementById("base2").value,document.geteElementById("altezza2"));
document.getElementById("p1").innerHTML = A.perimeter;
document.getElementById("a1").innerHTML = A.area;
document.getElementById("d1").innerHTML = A.diagonal;
document.getElementById("p2").innerHTML = B.perimeter;
document.getElementById("a2").innerHTML = B.area;
document.getElementById("d2").innerHTML = B.diagonal;
if A.area > B.area document.getElementById("compare").innerHTML = "First rectangle is bigger";
if A.area < B.area document.getElementById("compare").innerHTML = "Second rectangle is bigger";
else document.getElementById("compare").innerHTML = "Rectangles are equal";
</script>
</body>
</html>
Es gibt mehrere Syntaxfehler in Ihrem Code. Überprüfen Sie die Konsole besser auf Fehler. Die if/else-Konstrukte sind falsch, auch 'geteElementById', was' getElementById' genannt wird. – Tyr
Sie scheinen kein Element mit den IDs von 'altezza1' und 2 –
zu haben. Es fehlen die runden Klammern um die if-Bedingungen. Sie haben definitiv Syntaxfehler in Ihrer Konsole –