مشكلة Identifier 'form' has already been declared في JavaScript

هل بإمكانك توضيح الشيفرات التي ترى أنها تُسبب المُشكلة، يُمكنك رفع الملف الذي تُحاول تشغيله، حتى نستطيع مُساعدتك بشكل جيد

هذي الملفات، عند تصغير الشاشة الى 375px يظهر شريط فوق في اليسار، كود جافا سكربت الاول يقوم بتشغيله لفتح القائمه، كود جافا سكربت الذي في الاسفل يقوم ب اظهار جملة Thanks عند ارسال الشكوى، لكن اكواد الجافا سكربت لا تعمل الا عند حذف احدهما

FeedBack.html

plants_style2.css

بتاريخ 26 دقائق مضت قال محمد القحطاني17:

هذي الملفات، عند تصغير الشاشة الى 375px يظهر شريط فوق في اليسار، كود جافا سكربت الاول يقوم بتشغيله لفتح القائمه، كود جافا سكربت الذي في الاسفل يقوم ب اظهار جملة Thanks عند ارسال الشكوى، لكن اكواد الجافا سكربت لا تعمل الا عند حذف احدهما

FeedBack.html

plants_style2.css

لديك مُشكلة في المُتغير form حيث إستخدمت الإسم form في تعريفك للمُتغير في الأعلى:

const form = document.querySelector("form");

إستخدمت هنا الكلمة المحجوزة const لتعريف المتغير فأصبح ثابت لا يُمكن إستخدام نفس الإسم لتعريف مُتغير بنفس الإسم لذلك عند تعريفك للمُتغير مرة أخرى:

var form = document.getElementById("feed-back");

أعطى خطأ وسبب المُشكلة.

لحل المُشكلة قم بتغيير إسم المتغير في الأسفل إلى إسم آخر:

var feedForm = document.getElementById("feed-back");

و إستعمال نفس الإسم:

var feedForm = document.getElementById("feed-back");

async function handleSubmit(event) {
  event.preventDefault();
  var status = document.getElementById("status");
  var data = new FormData(event.target);
  fetch(event.target.action, {
    method: feedForm.method,
    body: data,
    headers: {
      'Accept': 'application/json'
    }
  }).then(response => {
    status.classList.add('success');
    status.innerHTML = "Thanks We will respond as soon as possible!";
    feedForm.reset()
  }).catch(error => {
    status.classList.add('error');
    status.innerHTML = "Oops! There was a problem submitting your form"
  });
}
feedForm.addEventListener("submit", handleSubmit)

أيضاً أنصحك بوضع الأكواد مع بعضهم في الأسفل و نضعهم بداخل:

document.addEventListener("DOMContentLoaded", function (event) {
  
});

الملف بعد التعديل: FeedBack.html