divをコンソールとして動作させる方法は？

Question

divをコンソールとして動作させる方法を尋ねたいと思った。たとえばコード：文= trueの場合

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、それはDIV（ロガー）に "銀行nupirktas" を書き込みます。ただし、2回目のクリックでは何も変わりません（おそらく同じ行に投稿されます）。私はそれがラインを破り、すべてのクリックで新しいものを投稿したい（古いものを維持しながら）。

Answer 1

これは、以前のコンテンツを上書きしているためです。

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

<div></div>

代わりに、あなたはそれにコンテンツを追加する必要があります。

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.');

<div></div>