Final score functionality addition and Image file addition in assets folder for Enhancement, fixes #5218

George, Anoop (CT RDA DS AA DF WINCC FH SCADA-DH2) · George, Anoop (CT RDA DS AA DF WINCC FH SCADA-DH2) · commit cd46539acaf1 · 2026-01-04T17:50:59.000+05:30
diff --git a/Games/Anime_Clicker/fim_de_jogo.html b/Games/Anime_Clicker/fim_de_jogo.html
@@ -9,9 +9,37 @@
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
     <link rel="stylesheet" href="estilo.css" />
     <title>Document</title>
+    <style>
+        .score-display {
+            position: fixed;
+            top: 20px;
+            left: 45%;
+            transform: translateX(-50%);
+            font-size: 24px;
+            font-weight: bold;
+            background-color: rgba(0, 0, 0, 0.7);
+            color: white;
+            padding: 15px 25px;
+            border-radius: 8px;
+            z-index: 1000;
+        }
+    </style>
+    <script>
+        function getScoreFromURL() {
+            let params = new URLSearchParams(window.location.search)
+            let sucessos = params.get('sucessos') || 0
+            let tentativas = params.get('tentativas') || 0
+            
+            document.getElementById('score').innerHTML = 'Final score = ' + sucessos + '/' + tentativas
+        }
+        
+        window.onload = getScoreFromURL
+    </script>
 </head>
 
 <body>
+    <div class="score-display" id="score">Final score = 0/0</div>
+    
     <div class="container">
         <div class="row">
             <div class="col">
diff --git a/Games/Anime_Clicker/img/Anime_Clicker_Finalscore.png b/Games/Anime_Clicker/img/Anime_Clicker_Finalscore.png
diff --git a/Games/Anime_Clicker/jogo.js b/Games/Anime_Clicker/jogo.js
@@ -2,6 +2,8 @@ let largura = 0
 let altura = 0
 let vidas = 1
 let tempo = 30
+let sucessos = 0
+let totalTentativas = 0
 
 let criaMosquitoTempo = 2000
 
@@ -47,7 +49,7 @@ let cronometro = setInterval(function() {
     if (tempo < 0) {
         clearInterval(cronometro)
         clearInterval(criaMosquito)
-        window.location.href = 'vitoria.html'
+        window.location.href = 'vitoria.html?sucessos=' + sucessos + '&tentativas=' + totalTentativas
     } else {
         document.getElementById('cronometro').innerHTML = tempo
     }
@@ -59,11 +61,12 @@ function posicaoRandomica() {
     //Remover mosquito anterior (caso exista).
     if (document.getElementById('mosquito')) {
         document.getElementById('mosquito').remove()
+        totalTentativas++
 
         //console.log('elemento selecionado foi: v' + vidas)
         if (vidas > 3) {
 
-            window.location.href = 'fim_de_jogo.html'
+            window.location.href = 'fim_de_jogo.html?sucessos=' + sucessos + '&tentativas=' + totalTentativas
         } else {
             document.getElementById('v' + vidas).src = "img/coracao_vazio.png"
 
@@ -81,7 +84,6 @@ function posicaoRandomica() {
     posicaoY = posicaoY < 0 ? 0 : posicaoY
 
     console.log(posicaoX, posicaoY)
-
     //Criando o elemento "mosquito" no HTML
     let mosquito = document.createElement('img')
     mosquito.src = 'img/mosca.png'
@@ -91,10 +93,13 @@ function posicaoRandomica() {
     mosquito.style.position = 'absolute'
     mosquito.id = 'mosquito'
     mosquito.onclick = function() {
+        sucessos++
+        totalTentativas++
         this.remove()
     }
 
     document.body.appendChild(mosquito)
+    document.body.appendChild(mosquito)
 
 }
 
diff --git a/Games/Anime_Clicker/vitoria.html b/Games/Anime_Clicker/vitoria.html
@@ -9,9 +9,37 @@
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
     <link rel="stylesheet" href="estilo.css" />
     <title>Document</title>
+    <style>
+        .score-display {
+            position: fixed;
+            top: 20px;
+            left: 45%;
+            transform: translateX(-50%);
+            font-size: 24px;
+            font-weight: bold;
+            background-color: rgba(0, 0, 0, 0.7);
+            color: white;
+            padding: 15px 25px;
+            border-radius: 8px;
+            z-index: 1000;
+        }
+    </style>
+    <script>
+        function getScoreFromURL() {
+            let params = new URLSearchParams(window.location.search)
+            let sucessos = params.get('sucessos') || 0
+            let tentativas = params.get('tentativas') || 0
+            
+            document.getElementById('score').innerHTML = 'Final score = ' + sucessos + '/' + tentativas
+        }
+        
+        window.onload = getScoreFromURL
+    </script>
 </head>
 
 <body>
+    <div class="score-display" id="score">Final score = 0/0</div>
+    
     <div class="container">
         <div class="row">
             <div class="col">
