ajout des étoiles

site/vue/css/style.css

@@ -267,4 +267,8 @@ hr{
     max-width: 95%;
     margin:2%;
     transition: 1.5s;
+}
+.fa-star{
+    font-size: 10vh;
+    cursor: default;
 }

site/vue/index.html

@@ -111,7 +111,14 @@
                         <p><a class="dys">Niveau max : </a><a class="dys" id="niveauGameOver"></a></p>
                         <hr id="hr">
                         <p class="dys">Entrez votre pseudo : <input type="text" class="border background color"><button class="border background">Valider</button></p>
-                        
+                        <br>
+                        <hr id="hr">
+                        <br>
+                        <p><i class="fa fa-star" id="star1" aria-hidden="true"></i>
+                            <i class="fa fa-star" id="star2" aria-hidden="true"></i>
+                            <i class="fa fa-star" id="star3" aria-hidden="true"></i>
+                            <i class="fa fa-star" id="star4" aria-hidden="true"></i>
+                            <i class="fa fa-star" id="star5" aria-hidden="true"></i></p>
                     </div>
                     
                     

site/vue/js/timer.js

@@ -28,10 +28,19 @@ timer.addEventListener('secondsUpdated', function (e) {
 function endTime() {
   if(!isTuto){
     document.querySelector("#mainPage").style.display = 'block';
-  document.querySelector("#playPage").style.display = 'none';
-  document.querySelector("#scoreTotGameOver").innerHTML = (niveauActuel * (50 / timeTot)).toFixed(2);
-  document.querySelector("#niveauGameOver").innerHTML = niveauActuel;
-  document.querySelector("#TempsTotGameOver").innerHTML = timeTot;
+    var score = (niveauActuel * (50 / timeTot)).toFixed(2);
+    document.querySelector("#playPage").style.display = 'none';
+    document.querySelector("#scoreTotGameOver").innerHTML = score;
+    document.querySelector("#niveauGameOver").innerHTML = niveauActuel;
+    document.querySelector("#TempsTotGameOver").innerHTML = timeTot;
+  //calcul stars
+  if(score < 10){
+    document.querySelector("#star1").style.color = "#fe8a71";
+  }else if(score > 10 || score < 50){
+    document.querySelector("#star2").style.color = "#fe8a71";
+  }else if(score > 10 || score < 50){
+    document.querySelector("#star2").style.color = "#fe8a71";
+  }
   openModal('gameOver');
   }