Mario & Luigis wunderbare Welt

Fläche und Umfang von Rechteck (m) - Mario & Luigis wunderbare Welt
















Mario & Luigis wunderbare Welt
Startseite |
Charaktere |
Spiele |
Konsolen |
Nintendo |
Javascripts |
Webdesign |
Links |
Pagerank |
Awards |
Newsarchiv |
Gästebuch |
Impressum
Desktop-Version | Mobile Version
 Fläche und Umfang von Rechteck
Beschreibung
Die Fläche und der Umfang eines Rechteckes lassen sich mit diesem Javascript schnell und einfach berechnen. Die dabei verwendeten Formeln werden auch mitangezeigt. Für die Ausgabe wird die Javascript-Eigenschaft innerHTML verwendet. Sollte das Javascript mit einem Browser ausgeführt werden, der diese Eigenschaft nicht kennt, erscheint ein Textfeld, in dem die Ausgaben erscheinen.
 
Technische Details
Mindestvoraussetzungen

CSS:1.0
Javascript:1.0
Netscape:2.0
Internet Explorer:3.0
Firefox:1.0
Opera:5.12
Chrome:1.0
Safari:1.0
Konqueror:3.1


Verwendete intrinsische Funktionen
Methoden

bold()
if()
parseFloat()
unescape()
with()

Eigenschaften

display
innerHTML
style
value

 
Vorschau



Fläche und Umfang von Rechteck


 


Länge:



Breite:



Einheit:

mm
cm
m
a
ha
km



Zahlen in Formeln einsetzen:









 
Javascript einbinden
HTML-Code
<form name="Eingaben27" action="">
<table border="0" width="400">
<tr>
<td width="100%" align="center" colspan="2"><font face="Arial" size="3"><b>Fläche und Umfang von Rechteck</b></font></td>
</tr>
<tr>
<td width="100%" colspan="2">&nbsp;</td>
</tr>
<tr>
<td width="40%" align="right"><font face="Arial" size="2"><b>Länge:</b></font></td>
<td width="60%"><input type="text" name="laenge27" size="6" value=""></td>
</tr>
<tr>
<td width="40%" align="right"><font face="Arial" size="2"><b>Breite:</b></font></td>
<td width="60%"><input type="text" name="breite27" size="6" value=""></td>
</tr>
<tr>
<td width="40%" align="right"><font face="Arial" size="2"><b>Einheit:</b></font></td>
<td width="60%"><select name="einheit27" size="1">
<option value="mm">mm</option>
<option value="cm" selected>cm</option>
<option value="m">m</option>
<option value="a">a</option>
<option value="ha">ha</option>
<option value="km">km</option>
</select></td>
</tr>
<tr>
<td width="40%" align="right"><font face="Arial" size="2"><b>Zahlen in Formeln einsetzen:</b></font></td>
<td width="60%"><input type="checkbox" name="einsetzen27"></td>
</tr>
<tr>
<td width="100%" colspan="2"><input type="button" value="Fläche und Umfang berechnen" onclick="Rechteck_Berechnungen27()"></td>
</tr>
</table>
</form>
<form name="Ausgabe27" action="" style="font-family: Arial; font-size: 10pt"><textarea name="tAusgabe27" rows="8" cols="40" style="display: none"></textarea></form>
<script type="text/javascript">
<!--
/*
© Valentin Hammer
Originalversion auf http://www.supermario.homepage.eu
*/

var uInnerHTML = document.Eingaben27.innerHTML ? true:false;

with(document.Ausgabe27.style)
{
var Schriftart27 = fontFamily;
var Schriftgroesse27 = fontSize;
}

if(Schriftart27)
Schriftart27 = "font-family: "+Schriftart27+";";
if(Schriftgroesse27)
Schriftgroesse27 = "font-size: "+Schriftgroesse27+";";
if(!uInnerHTML)
document.Ausgabe27.tAusgabe27.style.display = "";

function Rechteck_Berechnungen27()
{
with(document.Eingaben27)
{
var Laenge27 = Math.abs(parseFloat(laenge27.value));
var Breite27 = Math.abs(parseFloat(breite27.value));
var Einheit27 = einheit27.value;
var Flaeche27 = "";
var Umfang27 = "";

if(Laenge27+""=="NaN")
Laenge27 = 0;
if(Breite27+""=="NaN")
Breite27 = 0;

if(uInnerHTML)
{
Flaeche27 = "A = "+Laenge27*Breite27+" "+Einheit27+"²<br>";
Umfang27 = "U = "+(2*Laenge27+2*Breite27)+" "+Einheit27;
}
else
{
Flaeche27 = "A = "+Laenge27*Breite27+" "+Einheit27+"²";
Umfang27 = "U = "+(2*Laenge27+2*Breite27)+" "+Einheit27;
}

if(!einsetzen27.checked)
{
Laenge27 = "l";
Breite27 = "b";
}
}

with(document.Ausgabe27)
{
if(uInnerHTML)
innerHTML = unescape('Flächenformel:'.bold()+'%3Ctable border="0" style="'+Schriftart27+Schriftgroesse27+'border: 1px solid #000000">%3Ctr>%3Ctd>A = '+Laenge27+' × '+Breite27+'%3C/td>%3C/tr>%3C/table><br>'+Flaeche27+'<br>Umfangsformel:'.bold()+'%3Ctable border="0" style="'+Schriftart27+Schriftgroesse27+'border: 1px solid #000000">%3Ctr>%3Ctd>A = 2 × '+Laenge27+' + 2 × '+Breite27+'%3C/td>%3C/tr>%3C/table><br>'+Umfang27);
else
tAusgabe27.value = unescape("Flächenformel:%0AA = "+Laenge27+" * "+Breite27+"%0A%0A"+Flaeche27+"%0A_________________________%0AUmfangformel:%0AU = 2 * "+Laenge27+" + 2 * "+Breite27+"%0A%0A"+Umfang27);
}
}
//-->
</script>
 
Statistik
Zum Anzeigen der Besucherzahlen muss Javascript im Browser aktiviert sein.
Valid HTML 4.01 Transitional
CSS ist valide!
Copyright Valentin HammerZuletzt geändert am 6. Januar 2020