Kommentierfunktion

            
               <div id="kommentarspalte">
  <div id="helfer">
<div id="kommentare1" class="kommentare">Hallo</div>
<div id="kommentare2" class="kommentare">tschüss</div>
  </div>
</div>

<span>Zeige die letzten 
 
<button class="but" data-wert="2" id="a2">2</button>
<button class="but" data-wert="3" id="a3">3</button>
<button class="but" data-wert="4" id="a4">4</button>
<button class="but" data-wert="5" id="a5">5</button>
<button class="but" data-wert="6" id="a6">6</button>
<button class="but" data-wert="7" id="a7">7</button>
<button class="but" data-wert="8" id="a8">8</button>
<button class="but" data-wert="9" id="a9">9</button>
  Einträge</span><br>
<textarea id="komschr"></textarea><br>
<button id="komsend">senden</button>
</div>

            
               .kommentare{
 height:20px;

}
#kommentarspalte{
  width:100%;
  display:inline-block;
  background:lightgrey;
  min-height:40px;
  height:40px;
  overflow:hidden;
}
#mehr{
  position:fixed;
  left:600px;
  top:20px;
 font-size:30px;
  text-align:center;
}
textarea{
  text-align:center;
  height:100px;
  width:60%;
  margin-left:20%;
}
#komsend{
  text-align:center;
  width:300px;
  margin-left:calc(50% - 150px);
  height:30px;
  font-size:25px;
  border-radius:5px;
  border:2px solid black;
  box-shadow:2px 2px 2px;
}

            
               var d=3; document.getElementById('komsend').onclick=function(){    var kommi = document.createElement("div");    d++;    kommi.id="kommentare"+d;    kommi.innerHTML=document.getElementById("komschr").value+' test '+d;    kommentarspalte.appendChild(kommi);   buttons();      if(d>9){     f=d-9;  $('#kommentare'+f).remove();   }             }    $('.but').click(function(){   da=$(this).data('wert');  pix=da*20;      $('#kommentarspalte').css('height',pix+'px'); $('#helfer').css('marginTop','-'+pix1+'px'); }); function buttons(){     for(a1=2;a1<=d;a1++){   $('#a'+a1).prop("disabled",false); }      for(a=d;a<=9;a++){   $('#a'+a).prop("disabled",true); }  } buttons()

External Javascript and CSS