Oops! Something went wrong while submitting the form.
document.addEventListener("DOMContentLoaded", function () {
const addButton = document.querySelector(".add-adresse"); // Bouton "+"
const container = document.querySelector(".extra-adresses"); // Zone où on ajoute les champs
if (!addButton || !container) {
console.error("Erreur : Bouton ou conteneur introuvable !");
return;
}
addButton.addEventListener("click", function (event) {
event.preventDefault(); // Empêche la soumission du formulaire
// Créer un conteneur pour chaque nouvelle adresse
const wrapper = document.createElement("div");
wrapper.classList.add("address-wrapper");
// Créer un nouveau champ d'adresse
const newField = document.createElement("input");
newField.type = "text";
newField.name = "additional-address";
newField.placeholder = "Autre adresse";
newField.classList.add("form-input");
// Ajouter un bouton "X" pour supprimer l'adresse
const removeButton = document.createElement("button");
removeButton.innerText = "X";
removeButton.classList.add("remove-address");
// Fonction pour supprimer le champ d'adresse
removeButton.addEventListener("click", function () {
wrapper.remove();
});
// Ajouter l'input et le bouton dans le conteneur
wrapper.appendChild(newField);
wrapper.appendChild(removeButton);
// Ajouter le tout dans la div extra-adresses
container.appendChild(wrapper);
});
});
.png)