Add comments

Author: lulunac27a

index.html

@@ -12,7 +12,9 @@ <h1>Rate Our Service</h1>
             <span class="star" data="4" onclick="changeRating(4)">&#9733;</span>
             <span class="star" data="5" onclick="changeRating(5)">&#9733;</span>
         </div>
-        <button type="submit" id="submit-button">Submit Rating</button>
+        <!--button to sumbit rating--><button type="submit" id="submit-button">
+            Submit Rating
+        </button>
         <div id="rating-output"></div>
         <script src="main.js"></script>
     </body>

main.js

@@ -1,16 +1,18 @@
-const ratingSystem = document.getElementById("rating-system");
-const submitButton = document.getElementById("submit-button");
-const ratingOutputText = document.getElementById("rating-output-text");
-let selectedRating = 0;
-let totalRating = 0;
-let numberOfRatings = 0;
+const ratingSystem = document.getElementById("rating-system"); //rating system container
+const submitButton = document.getElementById("submit-button"); //submit button
+const ratingOutputText = document.getElementById("rating-output-text"); //rating output text
+let selectedRating = 0; //selected rating
+let totalRating = 0; //total rating
+let numberOfRatings = 0; //number of ratings
 
 submitButton.addEventListener("click", () => {
-    totalRating += selectedRating;
-    numberOfRatings++;
-    ratingOutputText.textContent = `Selected rating: ${selectedRating}/5\nAverage rating: ${(totalRating / numberOfRatings).toFixed(2)}\nTotal ratings: ${numberOfRatings}`;
+    //when submit button is clicked
+    totalRating += selectedRating; //add selected rating to total rating
+    numberOfRatings++; //increase number of ratings by 1
+    ratingOutputText.textContent = `Selected rating: ${selectedRating}/5\nAverage rating: ${(totalRating / numberOfRatings).toFixed(2)}\nTotal ratings: ${numberOfRatings}`; //update rating output text
 });
 
 function changeRating(rating) {
-    selectedRating = rating;
+    //function to change selected rating
+    selectedRating = rating; //set selected rating to the given rating
 }