diff --git a/app.js b/app.js index 97c8394..41bbfa8 100644 --- a/app.js +++ b/app.js @@ -183,10 +183,27 @@ confirmButton.addEventListener('click', function() { continueButton.addEventListener('click', function() { completeState.style.display = "none"; formMain.style.display = "block"; + + // Select all input elements let inputs = document.querySelectorAll('input'); for (let i = 0; i < inputs.length; i++) { inputs[i].value = ""; } + + // Reset the card details + let cardNumbers = document.querySelectorAll('.card-number p'); + for (let i = 0; i < cardNumbers.length; i++) { + cardNumbers[i].textContent = '0'; + } + + let cardName = document.querySelector('.card-name p'); + cardName.textContent = 'JANE APPLESEED'; + + let cardExpDate = document.querySelector('.card-exp-date p'); + cardExpDate.textContent = '00/00'; + + let cardCVC = document.querySelector('.card-cvc p'); + cardCVC.textContent = '000'; }); diff --git a/images/credit-card.png b/images/credit-card.png new file mode 100644 index 0000000..d8b9baa Binary files /dev/null and b/images/credit-card.png differ diff --git a/images/favicon-32x32.png b/images/favicon-32x32.png deleted file mode 100644 index 1e2df7f..0000000 Binary files a/images/favicon-32x32.png and /dev/null differ diff --git a/index.html b/index.html index e8eb39c..2b5131c 100644 --- a/index.html +++ b/index.html @@ -5,11 +5,11 @@ - + - Interactive card details form + Interactive card