Typewriter

by Cem Firat

HTML

<div id="terminal-output"></div>

CSS

#terminal-output {
  background-color: black;
  color: white;
  font-family: "Courier New", Courier, monospace;
  font-size: 14px;
  padding: 10px;
  overflow: auto;
  white-space: pre;
  line-height: 1.5em;
}

JavaScript

const text = "Dieser Text wird wie eine Terminalausgabe dargestellt.\n";
const speed = 50; // Geschwindigkeit in Millisekunden zwischen den Buchstaben

const container = document.getElementById("terminal-output");

let i = 0;
function typeWriter() {
  if (i < text.length) {
    container.innerHTML += text.charAt(i);
    i++;
    container.scrollTop = container.scrollHeight; // Scrollt automatisch nach unten
    setTimeout(typeWriter, speed);
  }
}

setTimeout(typeWriter, 1000); // Startet den Effekt nach 1 Sekunde