Hacer un sitio web para mi clase de Javascript que le dice al usuario información sobre su navegador y demás. Tengo la parte técnica abajo, pero los saltos de línea no funcionan por alguna razón y hacen que el formateo sea un dolor de cabeza. Por ejemplo, aquí hay una función que prácticamente indica la resolución de la pantalla del usuario y la coloca en el div de salida vacío en el HTML.
function screenResolution() { clearBox(); document.getElementById('heading').textContent = "Screen Resolution"; document.getElementById('output').textContent = "Width: " + screen.width + "Height: " + screen.height; }
Quiero poner un salto de línea entre Width: xyz y Height: xyz para que se vea como
Ancho: 1920
Altura: 1080
pero usando \n o <br> ambos no parecen estar funcionando. Simplemente colocará las etiquetas como si fueran cadenas para que se vea como
Ancho: 1920<\br>Altura: 1080
¿Alguna ayuda?
Debería poder usar la propiedad innerHTML
en lugar de textContent:
document.getElementById('output').innerHTML = "Width: " + screen.width + "<br>Height: " + screen.height;
Esto supone que la output
no es un campo de texto o textare (es decir, div, td, etc.)