想要问如何让div充当控制台。例如代码:
buyBank: function(){
if(this.cash>(1+this.banks)*10){
this.cash -= (1+this.banks)*10;
this.banks++;
amount3.innerHTML = this.banks;
price3.innerHTML = "$"+(1+this.banks)*10;
logger.innerHTML = "Bank nupirktas!";
}else{
console.log("Nepakanka pinigu bankui!");
}
}
buy3btn.addEventListener("click", function(){
game.buyBank();
});
现在有什么id,如果statement = true,它会将“Bank nupirktas”写入div(记录器)。但是,在第二次单击时没有任何更改(可能发布到同一行)。我想让它在每次点击时断线并发布一个新的(同时保留旧的)。
答案 0 :(得分:4)
那是因为你要覆盖之前的内容。
var div = document.querySelector('div');
div.innerHTML = 'You will never see me';
div.innerHTML = 'Because I overwrite it';

<div></div>
&#13;
相反,您需要向其添加内容。
function log(msg) {
var div = document.querySelector('div');
div.innerHTML += msg + '<br />'; // Add a line break
}
log('First line.');
log('Second line.');
log('Third line.');
&#13;
<div></div>
&#13;