Javascript remover tag maquina de escrever

[WilliamNascimento]

Queria uma quebra de linha apos o Nascimento , porém ele pegar a tag <br> como a string tambem., tentei usar o textContent mas ele nao quebra a linha

 

function maquinaEscrever(name) {
    let textoArray = name.innerHTML.split('')
    name.innerHTML = '';
    textoArray.forEach((letra, i) => {
      setTimeout(() => name.innerHTML += letra, 100* i);
    });
    
}

  const name = document.querySelector("p");
  maquinaEscrever(name);

<header class = "name">
			<div class = "name-edit">
				<p>William Nascimento<br>
				Desenvolvedor Web Junior</p>
			</div>
</header>

 

[Adriano_web]

Olá @WilliamNascimento tudo bem? Entendi a sua dúvida. Você já tentou colocar outro elemento <p> separado para digitar a parte de baixo? Por exemplo:

 

<!-- Ao invés dê -->
<div class = "name-edit">
  <p>William Nascimento <br> Desenvolvedor Web Junior</p>
</div>

<!-- Tenta-se -->
<div class = "name-edit">
  <p>William Nascimento</p>
  <p>Desenvolvedor Web Junior</p>
</div>

 

E no código do script poderia criar um parâmetro "name2" na função maquinaEscrever:

 

// Criei o parâmetro "name2" para abrigar o segundo elemento <p>
function maquinaEscrever(name, name2) {  
  
  // Adicionei duas variáveis para armazenar
  // as intruções que converterão as strings para arrays
  let textoArray1 = name.innerHTML.split(''), textoArray2 = name2.innerHTML.split('');  
  name.innerHTML = '';
  name2.innerHTML = '';
  
  // Fiz um forEach para cada array convertida anteriormente
  textoArray1.forEach((letra, i) => {
    setTimeout(() => name.innerHTML += letra, 100* i);
  });
  textoArray2.forEach((letra, i) => {
    setTimeout(() => name2.innerHTML += letra, 
      // Aqui você terá que calcular uma média de quando
      // terminar a primeira parte da digitação automática 
      // para assim começar essa (segunda parte).
    );
  });
}

// Removi o método querySelector e adicionei o querySelectorAll
const name = document.querySelectorAll("p");   
maquinaEscrever(name[0], name[1]);

 

Espero que isso possa ter ajudado, caso não funcione corretamente comente para que eu possa lhe ajudar de outra forma.