我在 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>uj5u.com熱心網友回復：
嘗試改變
document.querySelector(".gamelogchat").innerHTML = message "<br />";Mb，最好用demo來理解：https : //codesandbox.io/s/trusting-phoebe-9zl3h?file=/ src/ index.js
uj5u.com熱心網友回復：
只需使用這個：
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/>');
});
uj5u.com熱心網友回復：
這應該可以解決問題：
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>轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/355562.html
標籤：javascript html