Facebook
From Eratic Human, 4 Years ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 139
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Document</title>
  7. </head>
  8. <body>
  9.    
  10. <p id="alan"></p>
  11. <p id="skor">0</p>
  12.  
  13.     <script>
  14.                
  15.         let alan = document.querySelector('#alan');
  16.         let skoralan = document.querySelector('#skor');
  17.         let skor = 0;
  18.         let dizi = ["a", "b", "c", "d", "e"];
  19.  
  20.         let diziRastgele = dizi[Math.floor(Math.random() * dizi.length)];
  21.  
  22.         alan.innerHTML = diziRastgele;
  23.        
  24.                
  25.  
  26.         document.addEventListener("keydown", yazmaFonksiyon);
  27.                
  28.                 function skorArt() {
  29.                 skor = skor + 1;
  30.                 skoralan.innerHTML = skor;
  31.                 }
  32.                
  33.                 function skorAzal() {
  34.                 skor = skor - 1;
  35.                 skoralan.innerHTML = skor;
  36.                 }
  37.                
  38.                
  39.         function yazmaFonksiyon(e) {
  40.             if (e.key == diziRastgele) {
  41.                
  42.                 skorArt();
  43.                                 return diziRastgele;
  44.                                 yeniAlan();
  45.             }
  46.             else {
  47.                 skorAzal();
  48.                                
  49.                         }
  50.          
  51.            
  52.         }
  53.                 function yeniAlan() {
  54.                
  55.                         alan.innerHTML = diziRastgele;
  56.        
  57.                 }
  58.        yazmaFonksiyon();
  59.     </script>
  60.  
  61.  
  62.     <div id="#boxes" class="mantikli"></div>
  63. </body>
  64. </html>