implement shuffle cards

app.py

@@ -48,13 +48,11 @@ def allDecks(username):
 @app.route("/<username>/<deckTitle>")
 def displayDeck(username, deckTitle):
     if username == "guest":
-
         # get the list of cards for the deck
         currentDeck = db.decks.find_one({"title": deckTitle})
         cardList = currentDeck['cards']
-
-        # TODO: shuffle cards
-
+        # shuffle deck
+        random.shuffle(cardList)
         return render_template('card.html', deckTitle=deckTitle, username=username, cardList=cardList)
     return "temp"
 

templates/card.html

@@ -21,12 +21,10 @@ <h3 id="next-question"> START </h3>
         const nextQuestion = document.querySelector("#next-question");
         const card = document.querySelector("#card");
         var cardIndex = 0;
-
         var questions = '{{ cardList }}'
         questions = questions.replaceAll("&#39;","\"")
         var cardList = Array.from(JSON.parse(questions))
         cardList.push("END OF DECK")
-
         card.addEventListener("click", function() {
             nextQuestion.textContent = cardList[cardIndex];
             if (cardIndex < cardList.length-1) {