Блог

Я хотел бы отображать пустые пробелы и разрывы строк в функции текстового эффекта терминала. Прямо сейчас он будет отображать только одно пустое место и ждать следующего символа, а также будет полностью игнорировать любые разрывы строк в моей строке :/

Вот мой html :

         <div class="console-container">
          <span id="text"></span>
          <div class="console-underscore" id="console"></div>
        </div>
 

и javascript:

 consoleText(
  [
    "hugo@Hugos-MacBook-Pro ~ % ",
    "All projects made with love",
  ],
  "text"
);

function consoleText(words, id) {
  var visible = true;
  var con = document.getElementById("console");
  var letterCount = 1;
  var x = 1;
  var waiting = false;
  var target = document.getElementById(id);
  window.setInterval(function () {
    if (letterCount === 0 amp;amp; waiting === false) {
      waiting = true;
      target.innerHTML = words[0].substring(0, letterCount);
      window.setTimeout(function () {
        var usedWord = words.shift();
        words.push(usedWord);
        x = 1;
        letterCount  = x;
        waiting = false;
      }, 1000);
    } else if (letterCount === words[0].length   1 amp;amp; waiting === false) {
      waiting = true;
      window.setTimeout(function () {
        x = -1;
        letterCount  = x;
        waiting = false;
      }, 1000);
    } else if (waiting === false) {
      target.innerHTML = words[0].substring(0, letterCount);
      letterCount  = x;
    }
  }, 50);
}

 

Извините, если это кажется глупым вопросом, я совсем новичок в программировании 🙂

Большое спасибо !