Fixed Answer Button Click Animation & Score

sj2245 · Dec 11, 2023 · 0cfe19f · 0cfe19f
1 parent ed281f4
commit 0cfe19f
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 4 deletions.
diff --git a/questions.js b/questions.js
@@ -87,7 +87,9 @@ const printQuestionsToSite = (questions, questionsContainer) => {
           // we need to calculate how many points each question is worth
           let pointsEachQuestionIsWorth = 100 / questions.length;
           let currentScore = parseFloat(scoreElement.innerHTML);
-          scoreElement.innerHTML = (currentScore + pointsEachQuestionIsWorth).toFixed(2);
+          let calculatedScore = (currentScore + pointsEachQuestionIsWorth).toFixed(2);
+          let roundedScore = Math.ceil(calculatedScore / 1) * 1;
+          scoreElement.innerHTML = calculatedScore >= 99.01 ? roundedScore : calculatedScore;
         } else {
           buttonWeClicked.classList.add(`wrong`);
           setTimeout(() => buttonWeClicked.classList.remove(`wrong`), 1000);
@@ -96,8 +98,7 @@ const printQuestionsToSite = (questions, questionsContainer) => {
         // setTimeout(() => {
           answersContainerOfQuestion.querySelectorAll(`button`).forEach(childButton => {
             childButton.disabled = true;
-            childButton.style.opacity = 0.75;
-            childButton.poinerEvents = `none`;
+            childButton.classList.add(`disabled`);
           })
         // }, 1500)
 

diff --git a/styles/style.css b/styles/style.css
@@ -18,6 +18,12 @@ body.dark a {
   color: white;
 }
 
+.disabled {
+  opacity: 0.75;
+  color: white;
+  pointer-events: none;
+}
+
 .bold {
   font-weight: 900;
 }

diff --git a/styles/style.css.map b/styles/style.css.map
diff --git a/styles/style.scss b/styles/style.scss
@@ -21,6 +21,12 @@ body {
 
 // utility
 
+.disabled {
+  opacity: 0.75;
+  color: white;
+  pointer-events: none;
+}
+
 // Fonts 
 .bold {
   font-weight: 900;