Anfänger hat JavaScript entdeckt

Kadey · 04.08.2011

Hi @ all,

versuche seid einigen Tagen etwas mit JavaScript zurecht zu kommen und habe da mal ne kurze Frage.

Wie kann ich eine "Ganze Zahl", die in ein Eingabefeld geschrieben wird in einer Variable speichern, damit ich damit weiter scripten kann ??

Hier mal mein Versuchsscript

Code:

<!DOCTYPE html>
<html>

<head>
    <title>Rechenspiel</title>

    <meta charset="UTF-8">

<script>
/* Mit dieser Funktion wird erst einmal überprüft, ob im Eingabefeld etwas steht.
 * Wenn nicht drin steht, erscheint eine Alert-Box*/
<!--
function inhaltPruefen(form) {
if (form.alter.value == "" || isNaN(form.alter.value))
    alert ("Machen Sie erst eine Eingabe");
    }

//-->
</script>
</head>

<body>

<form action="#" method="POST"
      onsubmit="return inhaltPruefen(this);">
Zahl: <input type="Text" size="5" name="alter"><br><br>
Pr&uuml;fen: <input type="submit" name="start" value="starten" />

</body>
</html>

pac_nrw · 04.08.2011

AW: Anfänger hat JavaScript entdeckt

Probier das mal so:

Code:

<!DOCTYPE html>
<html>

<head>
    <title>Rechenspiel</title>

    <meta charset="UTF-8">

<script>
/* Mit dieser Funktion wird erst einmal überprüft, ob im Eingabefeld etwas steht.
 * Wenn nicht drin steht, erscheint eine Alert-Box*/
<!--
function inhaltPruefen() {
Zahl=document.getElementById("alter").value;
if (Zahl == "" || isNaN(Zahl))
    alert ("Machen Sie erst eine Eingabe");
    
else alert("Sie sind " + Zahl + " Jahre alt.");

}
//-->
</script>
</head>

<body>

<form action="#" method="POST">
Zahl: <input type="Text" size="5" name="alter" id="alter" ><br><br>
Pr&uuml;fen: <input type="submit" name="start" value="starten" onClick="return inhaltPruefen();" />

</body>
</html>

Kadey · 04.08.2011

AW: Anfänger hat JavaScript entdeckt

Hallo,

danke für die schnelle Antwort. Könntest du mir noch erklären was das hier heißt

Zahl=document.getElementById("alter").value;

cebito · 04.08.2011

AW: Anfänger hat JavaScript entdeckt

Kadey schrieb:
Hallo,

danke für die schnelle Antwort. Könntest du mir noch erklären was das hier heißt

Zahl=document.getElementById("alter").value;

Hier wird der Variable "Zahl" der Wert des Feldes mit der ID "alter" zugewiesen.

Kadey · 04.08.2011

AW: Anfänger hat JavaScript entdeckt

Ach OK..jetzt hab ich gesehen das das Eingabefeld die ID bekommen hat. Vielen Dank für eure Hilfe.
JavaScript ist schon nicht leicht. Aber hier findet man immer schnelle, kompetente Hilfe. Echt klasse hier...danke nochmal

Mfg
Kadey

Kadey · 04.08.2011

AW: Anfänger hat JavaScript entdeckt

OK, aber weil es grad son spaß macht sich mit JS auseinanderzusetzen, hier nun noch ne Frage.

Habe das Script etwas geändert und möchte jetzt damit quasi rechnen.

Einmal den Wert aus dem Eingabefeld + den Wert welcher nun in Variable X steht.

Leider werden bei mir die beiden Zahlen nebeneinander geschrieben und nicht addiert.

Hier das neue Script

Code:

<!DOCTYPE html>
<html>

<head>
    <title>Rechenspiel</title>

    <meta charset="UTF-8">

<script>
/* Mit dieser Funktion wird erst einmal überprüft, ob im Eingabefeld etwas steht.
 * Wenn nicht drin steht, erscheint eine Alert-Box*/
<!--
function inhaltPruefen() {
Zahl=document.getElementById("eingabe").value;
if (Zahl == "" || isNaN(Zahl))
    alert ("Geben Sie eine Zahl ein");

else
{var x = 100;
document.write (Zahl + x )};
}
//-->
</script>
</head>

<body>

<form action="#" method="POST">
Zahl: <input type="Text" size="5" name="alter" id="eingabe" ><br><br>
Pr&uuml;fen: <input type="submit" name="start" value="starten" onClick="return inhaltPruefen();" />

</body>
</html>

cebito · 05.08.2011

AW: Anfänger hat JavaScript entdeckt

Auch wenn du eine Zahl im Eingabefeld hast, nimmt JavaScript diese als String entgegen. Du musst sie also erst in eine Zahl umwandeln, wenn du damit rechnen willst, bspw. so:

PHP:

document.write (parseInt(Zahl) + x);

oder auch einfach so:

PHP:

document.write (1 * Zahl + x);

Paric · 05.08.2011

AW: Anfänger hat JavaScript entdeckt

Du kannst es natürlich schon gleich bei der Abfrage des Eingabefeldes umwandeln:

Code:

Zahl=parseInt(document.getElementById("eingabe").value);

Wie parseInt auf Eingaben reagiert die keine Zahl sind ist nachzulesen.