• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Daten von html nach java script übergeben

  • Ersteller Ersteller Pippilangstrumpf
  • Erstellt am Erstellt am
P

Pippilangstrumpf

Guest
Wie bekomme ich den Wert von html in java script eingelesen und dann mal 33 multiplizeirt.
Hier unten stehendes script funzt nicht.
Kann mir jemand helfen.

Aktueller Wert: <span id="test"></span> </p>

<script type="text/javascript">
var ergebnis = test * 33;
alert (ergebnis);
</scrip
 
Das verwirrt mich noch mehr :

<html><head><title>Test</title>
<style type="text/css">
.normal { font-style:normal }
</style>
<script type="text/javascript">
function Ausrichten (wie) {
document.getElementById("unentschlossen").align = wie;
}
</script>
</head><body>
<h1 id="unentschlossen">Wo gehöre ich eigentlich hin?</h1>
<a href="javascript:Ausrichten('left')">links?</a><br>
<a href="javascript:Ausrichten('center')">zentriert?</a><br>
<a href="javascript:Ausrichten('right')">rechts?</a><br>
</body></html>

Wie bekomme ich den Wert von html in java script eingelesen und dann mal 33 multiplizeirt.
Hier unten stehendes script funzt nicht.
Kann mir jemand helfen.

Aktueller Wert: <span id="test"></span> </p>

<script type="text/javascript">
var ergebnis = test * 33;
alert (ergebnis);
</scrip
 
Ein wenig mehr Eigeniniative wäre schön, es steht doch alles exakt beschrieben:

Greift entsprechend der HTML-Variante des DOM auf ein HTML-Element zu, das ein id-Attribut besitzt.

Aber bitte:


Code:
function ausgabe () {
           
            //Liest den Inhalt des spans aus
            var test= document.getElementById('test').innerHTML;
           
            //multipliziert die Zahl mit 33
            var ergebnis = test * 33;
           
            alert (ergebnis);
       
        }
 
Funktioniert nicht, kein Ergebnis erscheint.
Hier das ganze script nochmal.

<head></head>
<body>
<form action="index.php" method="POST">
<select size="1" name="test" onchange='document.getElementById("test").innerHTML = this.value;'>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</form>

<script type="text/javascript">

function ausgabe () {

//Liest den Inhalt des spans aus
var test= document.getElementById('test').innerHTML;

//multipliziert die Zahl mit 33
var ergebnis = test * 33;

alert (ergebnis);

}

</script>
<html>
 
Funktioniert nicht, kein Ergebnis erscheint.
Hier das ganze script nochmal.

<head></head>
<body>
<form action="index.php" method="POST">
<select size="1" name="test" onchange='document.getElementById("test").innerHTML = this.value;'>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</form>

<script type="text/javascript">

function ausgabe () {

//Liest den Inhalt des spans aus
var test= document.getElementById('test').innerHTML;

//multipliziert die Zahl mit 33
var ergebnis = test * 33;

alert (ergebnis);

}

</script>
<html>

Weißt du überhaupt ansatzweise was du da machst?
Code:
onchange="alert(this.value*33)"
Und bevor du die nächste Frage stellst, mach erst ein paar JS Tutorials.
 
Und falls unbedingt dieses unnötige Span-Element sein muss...

HTML:
<select size="1" name="test" onchange='ausgabe(this);'>

Code:
function ausgabe (e) {

            //Ändert den Inhalt des Spans und speichert diesen in einer Variable
            var test= document.getElementById("test").innerHTML = e.value;

            //multipliziert die Zahl mit 33
            var ergebnis = test * 33;

            alert (ergebnis);

        }
 
Das hier funktioniert auch nicht. Ich weis nicht was ich falsch mache.
Alle Unterstützung von euch hat nicht zum Erfolg geführt, daher bezweifle ich ob ihr das Problem wirklich lösen könnt. Wenn nicht versuch ich es in einem anderen Forum.

<html>
<body>
<form action="index.php" method="POST">
<select size="1" name="test" onchange='document.getElementById("test").innerHTML = this.value;'>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</form>

<script type="text/javascript">

function ausgabe (e) {
//Ändert den Inhalt des Spans und speichert diesen in einer Variable
var test= document.getElementById("test").innerHTML = e.value;
//multipliziert die Zahl mit 33
var ergebnis = test * 33;
alert (ergebnis);
}

</script>
<html>
 
Zurück
Oben