Fiz um efeito máquina de escrever com jquery, e preciso que esse efeito pegue todos os parágrafos. Dessa maneira que eu fiz ele aplica o efeito somente ao primeiro parágrafo. Segue código para análise. Alguém consegue me ajudar? Obrigado desde já.
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Maquina de escrever</title>
<style>
body {
background: #0e1013;
}
p{
max-width: 480px;
text-align: center;
margin: 68px auto;
color: #fff;
}
</style>
</head>
<body>
<p>Texto1 - typewriter</p>
<p>Texto1</p>
<p>Texto1</p>
<script>
function typeWriter(elemento) {
const textoArray = elemento.innerHTML.split('');
elemento.innerHTML = '';
console.log(textoArray);
textoArray.forEach((letra, i)=> {
setTimeout(() => {
elemento.innerHTML += letra
}, 95*i)
});
}
const titulo = document.querySelector('p');
typeWriter(titulo);
</script>
</body>
</html>