vollständig
gekürzt
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title>JSL111 .style Objekt</title> <style></style> </head> <body> <h1>Österreich-Quiz</h1> <p> Wie heißt die Hauptstadt von Österreich? <input type="text" id="Hauptstadt" > </p> <button onClick="aufloesen();">Auflösen</button> <script> function aufloesen() { var antwort = document.getElementById("Hauptstadt"); if (antwort.value == "Wien") { antwort.style.backgroundColor = 'lime'; antwort.style.border = '3px solid green'; } else {antwort.style.backgroundColor = 'red'; antwort.style.color = 'white'; antwort.style.textDecoration = 'line-through'; } } </script> <hr> <input type="text" id="ant1" onFocus="hervor(this);" onBlur="raus(this);" placeholder="Vorname" ><br> <input type="text" id="ant2" onFocus="hervor(this);" onBlur="raus(this);" placeholder="Nachname" ><br> <input type="text" id="ant4" onFocus="hervor(this);" onBlur="raus(this);" placeholder="eMail" ><br> <script> function hervor(eingabefeld) { eingabefeld.style.border = '3px solid blue'; } function raus(dasFeld) { dasFeld.style.border = '1px solid gray'; } </script> </body> </html>
