Worked on an award display interface

Author: John-Cams

css/main.css

@@ -177,10 +177,10 @@ td{
     width: 100%;
 }
 
-#award-list-1{
-    display: flex;
+.award-list{
+    display: none;
 }
 
-#award-list-2{
-    display: none;
+.active{
+    display: flex !important;
 }

js/award.js

@@ -1,34 +1,36 @@
-var currentAward = 0;
+// var currentAward = 0;
 
-const award1list1 = document.getElementById("award1-list-1");
-const award1list2 = document.getElementById("award1-list-2");
-const award1header = document.getElementById("award1-header")
-const award1List = [award1, award2]
+// const award1list1 = document.getElementById("award1-list-1");
+// const award1list2 = document.getElementById("award1-list-2");
+// const award1header = document.getElementById("award1-header")
+// const award1List = [award1, award2]
 
-function switchUp(){
-    currentAward += 1;
-    if(currentAward >= awardList.length){
-        currentAward = 0;
-    }
-    for (let item of awardList){
-        item.style.display = "none";
-    }
-    awardList[currentAward].style.display = "flex";
-}
+// function switchUp(){
+//     currentAward += 1;
+//     if(currentAward >= awardList.length){
+//         currentAward = 0;
+//     }
+//     for (let item of awardList){
+//         item.style.display = "none";
+//     }
+//     awardList[currentAward].style.display = "flex";
+// }
 
-function switchDown(){
-    currentAward -= 1;
-    if(currentAward < 0){
-        currentAward = awardList.length-1;
-    }
-    for (let item of awardList){
-        item.style.display = "none";
-    }
-    awardList[currentAward].style.display = "flex";
-}
+// function switchDown(){
+//     currentAward -= 1;
+//     if(currentAward < 0){
+//         currentAward = awardList.length-1;
+//     }
+//     for (let item of awardList){
+//         item.style.display = "none";
+//     }
+//     awardList[currentAward].style.display = "flex";
+// }
 
-function listOfId(){
-    
-}
+// function test(a, b){
+//     for (let item of b){
+//         alert(item);
+//     }
+// }
 
 

teams/scout.html

@@ -86,7 +86,6 @@
                 </div>
             </div>
 
-
 
         </div>
         <footer>

test.html

@@ -79,15 +79,15 @@
 
             <div class="column award-panel">
                 <div class="row award-subpanel">
-                    <button onclick="switchDown()">
+                    <button onclick="test('award1' , ['list1', 'list2'])">
                         &lt;
                     </button>
-                    <h1 class="award-header">2023-2024</h1>
+                    <h1 class="award-header award1">2023-2024</h1>
                     <button onclick="switchUp()">
                         &gt;
                     </button>
                 </div>
-                <div class="award-subpanel award-list" id="award-list-2">
+                <div class="award-subpanel award-list award1 list1">
                     <ul>
                         <li>WA</li>
                         <li>WA</li>
@@ -97,7 +97,7 @@ <h1 class="award-header">2023-2024</h1>
                         <li>WA</li>
                     </ul>
                 </div>
-                <div class="award-subpanel award-list" id="award-list-1">
+                <div class="award-subpanel award-list award1 list2">
                     <ul>
                         <li>WA</li>
                         <li>WA</li>