Eingabefeld als Marquee ausgeben HTML?

Hey,

ich möchte eine Website programmieren bei der, der in ein Textfeld eingegebene Text sofort als Marquee/Laufschrift groß auf der Website angezeigt wird. Am besten wäre wenn das ganze nur mit HTML und CSS läuft.

Danke im voraus ^^

Answer 1

[regex9]

Schau dir Demo 2 an: https://webdesign.weisshart.de/marquee.php.

Die Eingabe in das Textfeld kannst du mit JavaScript einlesen und in das span-Element (der verlinkten Demo) übertragen:

<input id="running-text">
<script>
  document.getElementById("running-text").addEventListener("change", function() {
    document.querySelector(".marquee > span").innerText = this.value;
  });
</script>

In diesem Fall würde die Änderung erst übernommen werden, sobald sich der Feldwert geändert hat (der Fokus muss vom Feld wieder genommen werden). Direkte Änderungen während der Eingabe kann man hingegen erlauschen, indem man nicht auf das change-Event wartet, sondern auf das input-Event.