Add comments

app.css

@@ -23,6 +23,7 @@ td {
   text-align: center;
 }
 
+/* images */
 img {
   max-width: 40%;
   height: auto;
@@ -62,6 +63,7 @@ p {
   font-size: 14pt;
 }
 
+/* buttons */
 input {
   padding: 16px 32px;
   text-decoration: none;
@@ -120,6 +122,7 @@ input {
   color: black;
 }
 
+/* counter */
 .counter {
   font-size: 40pt;
 }

app.js

@@ -1,34 +1,24 @@
+// price of tokens
 const red_token_price = 2;
 const blue_token_price = 3;
 
+// Big Hero 6 button
 let tix_bg6 = 0;
 document.getElementById('button_bg6').addEventListener('click',
   function() {
     document.getElementById('tix_bg6').innerHTML = `${++tix_bg6}`;
   }
 );
 
-/* document.getElementById('button_bg6').addEventListener('click',
-  function() {
-    let rev_bg6 = tix_bg6 * 3 * red_token_price + tix_bg6 * 2 * blue_token_price;
-    document.getElementById('rev_bg6').innerHTML = `${rev_bg6}`;
-  }
-); */
-
+// Inside Out button
 let tix_io = 0;
 document.getElementById('button_io').addEventListener('click',
   function() {
     document.getElementById('tix_io').innerHTML = `${++tix_io}`;
   }
 );
 
-/* document.getElementById('button_io').addEventListener('click',
-  function() {
-    let rev_io = tix_io * 2 * red_token_price + tix_io * 3 * blue_token_price;
-    document.getElementById('rev_io').innerHTML = `${rev_io}`;
-  }
-); */
-
+// show revenues button
 document.getElementById('button_rev').addEventListener('click',
   function() {
     let rev_bg6 = tix_bg6 * 3 * red_token_price + tix_bg6 * 2 * blue_token_price;
@@ -39,6 +29,7 @@ document.getElementById('button_rev').addEventListener('click',
   }
 );
 
+// reset button
 document.getElementById('button_reset').addEventListener('click',
   function() {
     tix_bg6 = 0;

index.html

@@ -101,11 +101,10 @@ <h1>Movie Theater Equations</h1>
       </div>
     </main>
 
-
+    <footer>
+      <hr>
+        &copy; <i>Theodore Nguyen, 2023</i>
+    </footer>
   </body>
 
-  <footer>
-    <hr>
-      &copy; <i>Theodore Nguyen, 2023</i>
-  </footer>
 </html>