如何让div充当控制台?

时间:2016-12-19 20:39:22

标签: javascript html innerhtml

想要问如何让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(记录器)。但是,在第二次单击时没有任何更改(可能发布到同一行)。我想让它在每次点击时断线并发布一个新的(同时保留旧的)。

1 个答案:

答案 0 :(得分:4)

那是因为你要覆盖之前的内容。



var div = document.querySelector('div');
div.innerHTML = 'You will never see me';
div.innerHTML = 'Because I overwrite it';

<div></div>
&#13;
&#13;
&#13;

相反,您需要向其添加内容。

&#13;
&#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;
&#13;
&#13;