شرح الدالات

يجب دائما توضيح الدوال ولو بكود لديك أو توضيح الدوال المقصودة هل هي في اللغة نفسها أم في المكتبة أم ماذا . لانه توجد العديد من الدوال بنفس الإسم ولكن كل دالة مختلفة عن الأخرى.

أولا الدالة add فهي دالة تستخدم مع classList لإضافة class إلى عنصر ال HTMLالمحدد هكذا :

<div id="select"></div>

<script>
  const div = document.getElementById("select");
  div.classList.add("container");
</script>

فهذا الكود سيضيف ال class الذي إسمه هو container إلى العنصر div.

اما الدالة reset فإذا كنت تقصد الدالة التي تستخدم مع النماذج form فهي تقوم بإعادة تعيين القيم إلى حالتها الأصلية.

<form id="form">
  <input type="text" name="name" value="Mohamed" />
  <button type="button" onclick="resetForm()">Reset</button>
</form>

<script>
  function resetForm() {
    document.getElementById("form").reset();
  }
</script>

فعند الضغط على زر Reset سيتم مسح البيانات وإعادة النموذج كما كان.

أما classList فهي خاصية (property) تستخدم للحصول على قائمة ال classes المرتبطة بعنصر HTML ويمكنك استخدامها لإضافة أو إزالة class معين للعنصر.

أما appendChild فهي دالة تستخدم لإضافة عنصر HTML كإبن (child) لعنصر آخر حيث ستقوم بوضع العتصر بداخل العنصر المحدد 

container.appendChild(div);

فمثلا هنا سيتم وضع العنصر div بداخل العنصر container ليكون إبن له.