Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
html input mit JavaScript verbinden
#2
Hi Starrattom,

gerne helfe ich dir weiter. Wenn du auf einem Element zugreifen möchtest in JavaScript musst über das DOM darauf zugreifen Entweder als document.getElementById("vokabel) oder über document.querSelector("#vokabel") kannst du das entsprechende Inputfeld selektieren. Jetzt möchtest du den Wert aus dem Inputfeld haben zum vergleichen. Dafür verwendest du dann vokabel.value. Das wars auch schon. Hier ein sehr reduziertes Beispiel.

Code:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vokabeltest, Englisch</title>
    <script>
        function test() {
            // Speicher das Ergebnis vom Input-Element in die Variable vokabel
            var vokabel = document.getElementById('vokabel').value;

            // Schreibt die Vokabel klein, falls man Hello oder hello schreibt bleibt beides richtig
            vokabel = vokabel.toLowerCase();

            // Eine If-Kontrollstruktur
            if(vokabel == "hello") {
                alert("Das ist richtig!");
            } else {
                var str = "Das Wort: " + vokabel + " ist leider falsch! Versuche es noch einmal.";
                alert(str);
            }
        }
    </script>
</head>
<body>
    <h1>Englischvokabeltest</h1>
    <p>Bitte geben Sie das englische Wort für Hallo ein.</p>
    <input type="text" placeholder="Hier Vokabel eigeben" id="vokabel">
    <button onclick="test()">Vokabel prüfen</button>
</body>
</html>

Ich würde es natürlich ganz anders aufbauen, aber um es besser zu verstehen ist diese Beispiel am besten.

Viel Erfolg und wenn du weitere Fragen hast, immer her damit.

Viele Grüße

rzscout
"Gerne dürft ihr mir eine gute Bewertung da lassen aber auch gegenüber Kritik bin ich offen" Angel
Zitieren


Nachrichten in diesem Thema
html input mit JavaScript verbinden - von Starrattom - 14.10.2022, 18:36
RE: html input mit JavaScript verbinden - von rzscout - 16.10.2022, 20:12

Gehe zu:


Benutzer, die gerade dieses Thema anschauen:
2 Gast/Gäste