script.js

const handleButton1Click = () => {
  const numberArrays = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].join(", ");

  const content1 = document.getElementById("ex1_content");
  content1.textContent = numberArrays;
}

const handleInput2Change = (event) => {
  const value = event.target.value;
  const content2 = document.getElementById("ex2_content");

  if (/[a-zA-Z]/.test(value)) {
    content2.textContent = "Numer nie może zawierać liter";
    return;
  }

  if (/[^0-9]/.test(value)) {
    content2.textContent = "Numer nie może zawierać znaków specjalnych";
    return;
  }

  if (value.length !== 9) {
    content2.textContent = "Długość numeru musi być równa 9";
    return;
  }

  content2.textContent = "Numer jest poprawny";
}

document.addEventListener("DOMContentLoaded", () => {
  const button1 = document.getElementById("ex1_button");
  button1.addEventListener("click", handleButton1Click);

  const input2 = document.getElementById("ex2_text");
  input2.addEventListener("input", handleInput2Change);

  const element3 = document.getElementById("ex3_element");

  const container1 = document.getElementById("ex3_one");
  const container2 = document.getElementById("ex3_two");

  element3.draggable = true;

  element3.addEventListener("dragstart", (event) => {
    event.dataTransfer.setData("text/plain", element3.id);
  });

  container1.addEventListener("dragover", (event) => {
    event.preventDefault();
  });

  container1.addEventListener("drop", (event) => {
    event.preventDefault();
    const id = event.dataTransfer.getData("text/plain");
    const draggedElement = document.getElementById(id);
    container1.appendChild(draggedElement);
  });

  container2.addEventListener("dragover", (event) => {
    event.preventDefault();
  });

  container2.addEventListener("drop", (event) => {
    event.preventDefault();
    const id = event.dataTransfer.getData("text/plain");
    const draggedElement = document.getElementById(id);
    container2.appendChild(draggedElement);
  });
})