Javascript Como apaga e reescrever texto com JavaScript

Markw · 23 de outubro de 2018

Eu queria saber como eu poderia apaga o texto h1 e automaticamente ele escrever outro texto, so consegui seta um texto não consegui outro poderia me ajuda? (USANDO JAVASCRIPT)

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Site</title>
    <link href="_css/estilo.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
</head>
<body style="background-image:url(img/fundo.jpg)">


<h1 style=" color: white">Pousou em meio às rochas. Suas asas se fecharam, seu corpo começava a se esfriar. O peso dos anos fazia suas penas se esfarelarem e sua chama d</h1> <!-- texto 1 não consegui coloca outro texto me ajuda -->

<script>
  function typeWriter(elemento) {
    const textoArray = elemento.innerHTML.split('');
    elemento.innerHTML = '<br>';
    textoArray.forEach((letra, i) => {
      setTimeout(() => elemento.innerHTML += letra, 75 * i);
    });
  }


  const titulo = document.querySelector('h1');
  typeWriter(titulo);
</script>
            <script src="js/bootstrap.min.js"
</body>
</html>

Adriano_web · 23 de outubro de 2018

Não entendi muito sua pergunta, pra apagar o texto apenas utilizo o innerHTML, e para acrescentar utilizo manipulação DOM como os métodos, createTextNode(), appendChild() ou insertBefore().

Markw · 23 de outubro de 2018

@Adriano_web Tipo você pode ver que tem a div com o texto certo? queria outra div com outro texto ai quando o texto da div 1 acabasse ele iria se apaga da pagina e assim iria se inicia o texto da div 2 entendeu ai iria fica se repetindo entendeu?

@Adriano_web Pode ajuda?