Stichwörter P-T
parseInt() - Strings in ganze Zahlen (Integer) umwandeln
var Text="12";
var Zahl=parseInt(Text);

parseFloat() - Strings in Kommazahlen (float) umwandeln
var Text="12.5";
var Zahl=parseFloat(Text);

Javascript stellt Kommazahlen mit dem Punkt als Dezimaltrennzeichen dar.

Siehe

replace()
prompt()

prompt() ist eine Methode des Objektes window. prompt() zeigt eine Box auf dem Bildschirm, indem die Benutzerin/der Benutzer Text eingeben kann.

<html>

<head>
<title>Javascript</title>
<script type="text/javascript" language="JavaScript">
<!--
var Text=prompt("Gib eine Zahl ein:","");

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

PromptDie Eingabe wird in die Variable Text geschrieben!


Rechenoperatoren
Operator Benutzung Beschreibung
+ var Zahl1=5;
var Zahl2=5;
var Ergebnis = Zahl1 + Zahl2;
Addition von Zahlen
Die Variable Ergebnis hat den Wert 10.
- var Zahl1 = 10;
var Zahl2 = 5;
var Ergebnis = Zahl1 - Zahl2;
Subtraktion von Zahlen
Die Variable Ergebnis hat den Wert 5.
* var Zahl1 = 5;
var Zahl2 = 5;
var Ergebnis = Zahl1 * Zahl2;
Multiplikation von Zahlen
Die Variable Ergebnis hat den Wert 25.
/ var Zahl1 = 25;
var Zahl2 = 5;
var Ergebnis = Zahl1 / Zahl2;
Division von Zahlen
Die Variable Ergebnis hat den Wert 5.
% var Zahl1 = 10;
var Zahl2 = 3;
var Ergebnis = Zahl1 % Zahl2;
Modulo - Restwert einer Division ermitteln
Die Variable Ergebnis hat den Wert 1.

replace()

replace() ersetzt innerhalb eines String-Variable eine Zeichenkette durche eine andere.

Beispiel: Punkt als Dezimaltrennzeichen in Komma umwandeln:
Zahl=12.5;
Zahl=Zahl.toString();
Zahl=Zahl.replace(/\./,",");
document.write(Zahl);
Der Punkt muss mit \ "maskiert" werden, weil er Bestandteil von Javascript ist!
Besonderheiten:
Ein anderes Beispiel:

reset()

reset() löscht die Daten in einer Form.
In einem Listenfeld bleibt der Wert des angeklickten Eintrags erhalten (er wird auf true gesetzt).
Es ist dann nicht mehr möglich, diesen Eintrag erneut auszuwerten.
Abhilfe schaft hier reset()

<form name="Bands" action="">

<select name="Auswahl" size="7" onChange="CheckAuswahl()">

<option>Beatles</option>
<option>Rolling Stones</option>
<option>Deep Purple</option>
<option>Led Zeppelin</option>
<option>Alice Cooper</option>
<option>Falco</option>
<option>Bee Gees</option>

</select>

<input tyxpe="button" onClick="document.Bands.reset()" />

return

Mit return wird der Rückgabewert einer Funktion übermittelt.

function MwStBerechnen(Betrag)
{
   var ProzentSatz=1.19;
   // Aufruf der Funktion
   document.Mehrwertsteuer.Anzeige.value=MwST(Betrag,ProzentSatz);
   // Punkt durch Komma ersetzen
   document.Mehrwertsteuer.Anzeige.value=document.Mehrwertsteuer.Anzeige.value.replace(/\./g,",");
   document.Mehrwertsteuer.Anzeige.value=document.Mehrwertsteuer.Anzeige.value.substring(0,8);
}

function MwST(Betrag,ProzentSatz)
{
    return(Betrag*ProzentSatz);
}

scrollByLines(), scrollByPages()

scrollByLines(AnzahlZeilen) springt AnzahlZeilen im Text vor oder bei negativen Werten zurück.
scrollByPages(AnzahlSeiten) springt AnzahlSeiten im Text vor oder bei negativen Werten zurück.

<input type="button" onclick="scrollByLines(10);" value="10 Zeilen vor!" />
<input type="button" onclick="scrollByLines(-10);" value="10 Zeilen zurück!" />
<input type="button" onclick="scrollByPages(1);" value="1 Seite vor!" />
<input type="button" onclick="scrollByPages(-1);" value="1 Seite zurück!" />


setAttribut()

Mit setAttribut() kann das Attribut eines HTML-Tags geändert werden.
Voraussetzung ist die eindeutige Zuordnung einer id, die dann mit getelementByID gelesen wird.


setInterval()

Die Methode setIntervall() sorgt für eine sich wiederholende Aktion nach einem festgelegtem Zeitintervall.
Sie erwartet zwei Angaben:

ZeitKennung=setInterval("Funktionsaufruf()","Zeit_in_Millisekunden")

Siehe auch clearInterval(), und setTimeout()
setTimeout()

Die Methode setTimeout() veranlasst die einmalige Ausführung einer Aktion nach einer bestimmten Zeitspanne.
Sie erwartet zwei Angaben:

alert("Start");

setTimeout("alert('5 Sekunden sind vergangen')",5000);

selectedIndex

selectedIndex speichert die Position des in einer Liste angeklickten Eintrags.



Der Quelltext
<script language="JavaScript" type="text/javascript">
function CheckAuswahl()
{
    document.Bands.Anzeige.value=document.Bands.Auswahl.selectedIndex;
}
</script>
</head>
<body>
<form name="Bands" action="">

<select name="Auswahl" size="7" onChange="CheckAuswahl()">

<option>Beatles</option>
<option>Rolling Stones</option>
<option>Deep Purple</option>
<option>Led Zeppelin</option>
<option>Alice Cooper</option>
<option>Falco</option>
<option>Bee Gees</option>

</select>
<input type="text" name="Anzeige" cols="3" readonly="readonly">

</form>
document.Bands.Anzeige.value ist der Text, der in das Textfeld geschrieben wird.
Bands ist der Name der Form, Anzeige ist der Name des Textfeldes.
document.Bands.Auswahl.selectedIndex speichert den Indexwert des angeklickten Listeneintrags.

Achtung Die Zählung beginnt mit 0!


string-Objekt

Eigenschaften des string-Objektes
Als Methoden stehen zur Verfügung:

style

Das Objekt style kann die CSS-Eigenschaften verändern.

style kennt die Eigenschaften:

switch...case

Die switch...case Abfrage kann sehr komfortabel mehrere Bedingungen abfragen.
Wird keine passende Sprungmarke gefunden, wird die Anweisung hinter default ausgeführt.
break sorgt dafür, dass die jeweils folgenden case-Anweisungen nicht abgefragt werden.

var Zahl;
var ZufallsZahl=3;  

Zufallszahl im Bereich 1-3 bestimmen:

Zahl = Math.ceil(Math.random() * ZufallsZahl+1);

Zufallszahl abfragen:


switch (Zahl)
{
    case (1):
        document.write("Zufallszahl ist 1");
        break;
    case (2):
        document.write("Zufallszahl ist 2");
        break;
    case (3):
        document.write("Zufallszahl ist 3");
        break;
    default:
}

default springt dann ein, wenn keine der mit case abgefragten Bedingungen erfüllt sind.
siehe auch if...else


substring