0
117
VistasTengo un problema con las líneas de ruptura en javascript html
Tengo un problema con la ruptura de línea en javascript. No hace una línea de ruptura en la página html, ¿cómo puedo solucionarlo?
let currentDate; var botHp; var playerHp; const postlog = function(message) { document.querySelector(".gamelogchat").textContent += message; }; document.querySelector(".cardbutton").addEventListener("click", function() { console.log("click"); currentDate = new Date(); let Time = currentDate.getHours() + ":" + currentDate.getMinutes() + ":" + currentDate.getSeconds(); postlog(Time + "\r\n"); }); <div class="gamelog"> <h1 class="gamename">Game</h1> <p class="gamelogname">Game log</p> <div class="gamelogbox"> <p class="gamelogchat"></p> </div> </div>
·
Juan Pablo Isaza
3 Respuestas
Responde la pregunta0
Esto debería solucionar el problema:
let currentDate; var botHp; var playerHp; const postlog = function(message) { document.querySelector(".gamelogchat").innerHTML += message; }; document.querySelector(".cardbutton").addEventListener("click", function() { console.log("click"); currentDate = new Date(); let Time = currentDate.getHours() + ":" + currentDate.getMinutes() + ":" + currentDate.getSeconds(); postlog(Time + "<br>");//\r\n }); <div class="gamelog"> <h1 class="gamename">Game</h1> <p class="gamelogname">Game log</p> <button class="cardbutton">Test Button</button> <div class="gamelogbox"> <p class="gamelogchat"></p> </div> </div>
·
Juan Pablo Isaza
Denunciar
0
Trate de cambiar en
document.querySelector(".gamelogchat").innerHTML += message + "<br />";Mb, es mejor entender con demostración: https://codesandbox.io/s/trusting-phoebe-9zl3h?file=/src/index.js
·
Juan Pablo Isaza
Denunciar
0
Solo usa esto:
let currentDate; var botHp; var playerHp; const postlog=function(message) { document.querySelector('.gamelogchat').textContent+=message; }; document.querySelector('.cardbutton').addEventListener('click',function() { console.log('click'); currentDate=new Date(); let Time=currentDate.getHours()+':'+currentDate.getMinutes()+':'+currentDate.getSeconds(); postlog(Time+'<br/>'); });
·
Juan Pablo Isaza
Denunciar
Responde la pregunta