Interactive card details form

I noticed your solution and wanted to offer a suggestion for real-time updates on the card. You can achieve this by using the addEventListener method with the input event. This way, whenever the user types anything, it will be directly visible on the card without the need for additional interactions.

Here's an example of how you can implement it:

// Assuming 'inputElement' is your input field and 'cardElement' is your card element
inputElement.addEventListener('input', function(event) {
  // Update the text content of the card element with the value from the input field
  cardElement.textContent = event.target.value;
});