Merge pull request #8 from Mohammadflht/help

Merging help branch with original
Mohammadflht · Mar 11, 2024 · 78c480d · 78c480d
2 parents 3b7031e + 18393a9
commit 78c480d
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 2 deletions.
diff --git a/app.js b/app.js
@@ -185,10 +185,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
diff --git a/images/favicon-32x32.png b/images/favicon-32x32.png
diff --git a/index.html b/index.html
@@ -5,11 +5,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <!-- displays site properly based on user's device -->
 
-    <link rel="icon" href="./images/favicon-32x32.png" />
+    <link rel="icon" href="./images/credit-card.png" />
     <link rel="stylesheet" href="css/style.css" />
     <link rel="stylesheet" href="css/media.css" />
 
-    <title>Interactive card details form</title>
+    <title>Interactive card</title>
   </head>
   <body>
     <section class="container">