Estoy atascado en un problema muy principiante en JS, lo que estoy tratando de hacer es agregar saltos de línea entre el texto que el script agrega dinámicamente después de generar una cadena aleatoria, pero no pude encontrar una fuente que coincida con mi caso
El código que elige una cadena aleatoria
var textArray = [ 'Gateway to wild imaginations!', 'Activating the send portal :D', 'Empowering nothing ;P' ]; var randomNumber = Math.floor(Math.random()*textArray.length); var rndStr = textArray[randomNumber]; const h_1_elem = document.getElementById('main-h1'); h_1_elem.innerText = rndStr;Me consideraría un principiante en programación, así que toma esta pregunta con pinzas.
No use .innerText y en su lugar use .innerHTML junto con el elemento de salto de línea HTML de <br> :
var textArray = [ 'Gateway to wild imaginations!', 'Activating the send portal :D', 'Empowering nothing ;P' ]; var rndStr = textArray[Math.floor(Math.random()*textArray.length)]; const h_1_elem = document.getElementById('main-h1'); h_1_elem.innerHTML = rndStr + "<br>"; rndStr = textArray[Math.floor(Math.random()*textArray.length)]; h_1_elem.innerHTML += rndStr + "<br>"; <div id="main-h1"></div>Podría usar \n para insertar una nueva línea ya que está usando
h_1_elem.innerText = rndStr + "\n";También creé una función llamada randomNumber para llamarla más de una vez.
var textArray = [ 'Gateway to wild imaginations!', 'Activating the send portal :D', 'Empowering nothing ;P' ]; const h_1_elem = document.getElementById('main-h1'); h_1_elem.innerText = textArray[randomNumber()] + "\n"; h_1_elem.innerText += textArray[randomNumber()] + "\n"; function randomNumber() { let number = Math.floor(Math.random()*textArray.length); return number; } <div id="main-h1"></div>Si ejecuta el código varias veces, obtendrá diferentes mensajes. Solo sigue agregando más :)
Saludos
============ EDITADO ============
Oh, quieres una línea de ruptura después de cada palabra. No entendí la pregunta de esa manera. Entonces, para eso deberías usar algo como esto:
var textArray = [ 'Gateway to wild imaginations!', 'Activating the send portal :D', 'Empowering nothing ;P' ]; const h_1_elem = document.getElementById('main-h1'); h_1_elem.innerText = textArray[randomNumber()].replaceAll(" ","\n"); function randomNumber() { let number = Math.floor(Math.random()*textArray.length); return number; } <div id="main-h1"></div>acabo de usar
replaceAll(" ", "\n")Para reemplazar cada espacio por una línea de ruptura. Espero que esto sea lo que quieres.
Saludos