javascript - バニラ JavaScript の学習、for ループ

Question

どう見てもVanilla JavaScriptか純粋なJSを学ぼうとしています。jQuery の学習から始めましたが、現在はフレームワークなしで速度を上げようとしています。通常は jQuery だけでこれを取得できますが、純粋な JS でこれを行うのは困難です。

var a = $('.entry-content'),i;

for (i=0;i<a.length; i++) {
   var b = a[i].innerHTML;
   var c = document.createElement('div');
   var d = c.id = 'reply_bb';
   var e = d.innerHTML = 'Reply';
   a[i].innerHTML = a[i].appendChild(c);
 }

基本的に私がやりたいことは、要素を var a 要素に追加することです。

   <div class="entry-content">
     <div>
         Words from a poster or whatever would be in side here
     </div>
   </div>

JavaScript = の後

   <div class="entry-content">
     <div>
         Words from a poster or whatever would be in side here
     </div>
      <div id="reply_bb">Reply</div>
   </div>

これも関係あるので。要素を動的に作成するとき、私は使用します.clickか、.on('click',function() {またはどのようにそれを行いますか? ユーザーが reply_bb をクリックすると、非表示のページに既にある別の要素が追加されるようにしたいのです。