Rechnen mit JavaScript

Gebi_M · 27.12.2010

HI !

Hätte mal eine Frage und zwar ich habe von JS sogut wie 0 Ahnung und komm einfach nicht weiter und zwar es geht um folgendes:

Ich habe 3 eingabefelder nebeneinander anschließend einen button (Summe berechnen). Ich möchte beliebige Zahlen in die Felder schreiben und anschließend wenn man auf summe berechnen klickt soll das ergebnis in einem alert Fenster ausgegeben werden !

function rechnen()
{
var a=Number(document.Formular.a.value);
var b=Number(document.Formular.b.value);
var c=Number(document.Formular.c.value);
var d = a+b+c;

//-->
</script>

</head>

<body>
<form name="Formular" action="">
<input type="text" name="a" size="5">
<input type="text" name="b" size="5">
<input type="text" name="c" size="5">

<input type="button" value="Summe berechnen" onClick="rechnen()">
</form>
</body>
</html>

Ich hoffe es kann mir wer helfen danke lg

jackprince · 27.12.2010

AW: Rechnen mit JavaScript

die rechnen funktion zu machen, und vorher als letztes noch
alert d;

sollte funktionieren, wenn ich net gerade nen Aussetzer habe

Gebi_M · 27.12.2010

AW: Rechnen mit JavaScript

versteh ich jetzt net ganz was du meinst !

cebito · 27.12.2010

AW: Rechnen mit JavaScript

Gebi_M schrieb:
versteh ich jetzt net ganz was du meinst !

Du rechnest doch in d schon die Summe aus, danach gibst du d per alert aus:

HTML:

alert(d);

und dann schließt du bitte die Funktion noch

HTML:

und fertig. Im Ganzen sieht das dann so aus:

HTML:

<script>
function rechnen()
{
var a=Number(document.Formular.a.value);
var b=Number(document.Formular.b.value);
var c=Number(document.Formular.c.value);
var d = a+b+c;

alert(d);
}
</script>

Jedoch solltest du auch prüfen, das auch wirklich Zahlen in den Feldern eingegeben sind.

jackprince · 27.12.2010

AW: Rechnen mit JavaScript

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<script>
// <!--
function rechnen()
{
var a=Number(document.Formular.a.value);
var b=Number(document.Formular.b.value);
var c=Number(document.Formular.c.value);
var d = a+b+c;
alert ('Die Summe ist: '+d); // alert macht die ausgabe
} // die klammer schließt die funktion rechnen()
//-->
</script>
</head>
<body>
<form name="Formular" action="">
<input type="text" name="a" size="5">
<input type="text" name="b" size="5">
<input type="text" name="c" size="5">
<input type="button" value="Summe berechnen" onClick="rechnen()">
</form>
</body>
</html>

Geht übrigens auch anders.

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<script>
<!--//
function rechnen(a,b,c)
{
var d = a+b+c;
alert ('Die Summe ist: '+d); // das hat gefehlt "alert" erzeugt das fenster 
} // die schließende klammer zur funktion rechne() hat gefehlt.
//-->
</script>
</head>
<body>
<form name="Formular" action="">
<input type="text" name="a" size="5">
<input type="text" name="b" size="5">
<input type="text" name="c" size="5">

<input type="button" value="Summe berechnen" onClick="rechnen(Number(document.Formular.a.value),Number(document.Formular.b.value),Number(document.Formular.c.value))">
</form>
</body>
</html>

Im quelltext jeweils kommentiert was ich im vorherigen Beitrag schon vorschlug.

Sorc · 27.12.2010

AW: Rechnen mit JavaScript

Die Rot makierten Zeilen fehlen bei dir.

Code:

<script type="text/javascript" language="javascript">
function rechnen()
{
var a=Number(document.Formular.a.value);
var b=Number(document.Formular.b.value);
var c=Number(document.Formular.c.value);
var d = a+b+c;
[COLOR=Red]alert(d);
}[/COLOR]
</script>

Gebi_M · 29.12.2010

AW: Rechnen mit JavaScript

Vielen Dank !
Habe viel kompliziertere Sachen probiert aber egal ... danke vielmals