السلام عليكم

أحتاج مساعدة

عندما أحاول تكرار الكود

buttonarr[i].onclick = myFunction(i);

يتم تنفيذ الدالة

myFunction(i);

رغم عدم حدوث الحدث onclick

جربت حلقة التكرار for

for (var i = 0; i < 10; i++) {
    buttonarr[i].onclick = myFunction(i);
}

جربت حلقة التكرار while

var i = 0;
while (i < 10) {
    buttonarr[i].onclick = myFunction(i);
}

هذا كود كامل تجريبي

<html>
<head></head>
<body>
      <button class="btt">0</button>
      <button class="btt">1</button>
      <button class="btt">2</button>
      <button class="btt">3</button>
      <button class="btt">4</button>
      <p id="p"></p>
      <script>
          var btt = document.getElementsByClassName("btt"),
                 p = document.getElementById("p"),
                 i;
          function myFunction(k) {
                 p.innerText = p.innerText + k;
          }
          for (i = 0; i< btt.length; i += 1) {
                 btt[i].onclick = myFunction(i);
          }
        </script>
  </body>
  </html>

وشكرا ..