شرح جافا سكريبت أدناه

خطوات ثابتة = Array.from(document.querySelectorAll("form .step"));
 const nextBtn = document.querySelectorAll("form .next-btn");
 const prevBtn = document.querySelectorAll("form .previous-btn");
 نموذج ثابت = document.querySelector("form");
 nextBtn.forEach((زر) => {
  Button.addEventListener("انقر"، () => {
   ChangeStep("التالي");
  });
 });
 prevBtn.forEach((زر) => {
  Button.addEventListener("انقر"، () => {
   ChangeStep("السابق");
  });
 });
 form.addEventListener("إرسال"، (e) => {
  e.preventDefault();
  المدخلات الثابتة = []؛
  form.querySelectorAll("input").forEach((input) => {
   const { الاسم، القيمة } = الإدخال؛
   inputs.push({ الاسم، القيمة });
  });
  console.log(inputs);
  form.reset();
 });
 تغيير الدالة (btn) {
  دع الفهرس = 0؛
  const active = document.querySelector(".active");
  الفهرس = الخطوات.indexOf(active);
  الخطوات[index].classList.remove("active");
  إذا (BTN === "التالي") {
   الفهرس++;
  } وإلا إذا (btn === "السابق") {
   فِهرِس--؛
  }
  الخطوات[index].classList.add("active");
 }
{"evolved_from": null, "kind": "unknown", "source": "LDJnr/Capybara#Dove"}