I have an issue with breaking lines in javascript html

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>

document.querySelector(".gamelogchat").innerHTML += message + "<br />";