• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Ergebnis aus java script in html anzeigen lassen

M

Mad-Max

Guest
Hallo Leute !
Ich hab da mal eine dämliche Frage.
Wie kann ich den Wert (ergebnis) aus dem java script, in html anzeigen lassen.
Hab absolut null Ahnung, daher hilft mir nur ein Beispiel.
HTML: 
<html>
<body>
<form action="index.php" method="POST">
<select size="1" name="test" onchange='ausgabe(this.value);'>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</form>
<script type="text/javascript">
function ausgabe (val) {
var ergebnis = val * 5;
alert (ergebnis);
}
</script>
</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:
Hi,

mit innerText oder innerHTML kannst du Ausgabe von JS ins HTML schreiben, z.B. so:
Code: 
// HTML
<div id="ausgabe"></div>

// JS
document.getElementById("ausgabe").innerText = ergebnis;
=> SELFHTML: JavaScript / Objektreferenz / all


@Admin: Bitte nach JS verschieben, danke.
@Mad-Max: Bitte Code Tags verwenden, danke.
 
Ich hab deine Methode so angewand, jedoch krieg ich das nicht hin.
Kannst du mir sagen was ich falsch mache, bzw. das script korregieren.

HTML: 
<html>
<body>
<form action="index.php" method="POST">
<select size="1" name="test" onchange='ausgabe(this.value);'>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>

</select>
</form>

<div id="ergebnis"></div>

<script type="text/javascript">

function ausgabe (val) {
var ergebnis = val * 2;
document.getElementById("ergebnis").innerText = ergebnis;

}
</script>
</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:
Inline-JS solltest du besser vermeiden.

Code: 
<form action="index.php" method="POST">
    <select size="1" name="test">
        <option value="0">0</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>
</form>

<div id="ergebnis"></div>

<script>
    document.forms[0].test.onchange = function () {
        document.getElementById("ergebnis").innerHTML = this.value;
    };
</script>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben