génération automatique d'une carte css à côté d'une carte existante après un clic sur un bouton

Question

J'ai donc cette page qui contient une carte, à l'intérieur de celle-ci, il y a un bouton nommé ajouter. Lorsque je clique sur le bouton ajouter, une modale apparaît qui vous demande de saisir le nom de la nouvelle carte ; après cela, la modale contient un bouton fermer et enregistrer ; après avoir cliqué sur enregistrer, une nouvelle carte doit être générée à côté de l'ancienne.

c'est donc sur la carte la plus ancienne qu'il faut cliquer pour ajouter de nouvelles cartes à côté d'elle.

Quelqu'un sait-il comment je peux réussir à faire tout cela ?

Je sais comment créer une carte et une modale mais je ne sais pas comment générer automatiquement une nouvelle carte.

Answer 1

Nous pourrions utiliser des exemples de code pour voir comment cela fonctionne, mais cela devrait être simple en utilisant jQuery.

Vous pourriez jeter un coup d'œil à ceci et voir si cela peut vous aider : https://codepen.io/nickunjchopra/pen/zYZOGop

jQuery(document).ready(function() {
  jQuery('.new-card').click(function() {
    jQuery('body').append(card);
  });
});

.new-card est le bouton utilisé pour créer de nouvelles cartes ; et j'ai défini var div dans le JS comme balises pour la nouvelle carte.