script.js

'use strict';

let secretNumber = Math.trunc(Math.random() *20)+1;
let score = 20;
let highscore = 0;

const displayMessage = function(message){
    document.querySelector('.message').textContent = message;
};

document.querySelector('.check').addEventListener('click',function(){

     const guess = Number(document.querySelector('.guess').value);
     console.log(guess, typeof guess);
     console.log(secretNumber,typeof secretNumber);

     // input boş girilitse diye
     if(!guess){
        displayMessage(
            'Bir sayı giriniz.'
        );
     }
     //sayılar birbiriyle eşleşirse

     else if(guess === secretNumber){
        displayMessage('Doğru Tahmin!');
        document.querySelector('.number').textContent = secretNumber;

        document.querySelector('body').style.backgroundColor = '#60b347';
        document.querySelector('.number').style.width='30rem';

        if(score>highscore){
            highscore = score;
            document.querySelector() ('.highscore').textContent= highscore;
        }




 

     }
     //sayılar eşleşmiyorsa

     else if (guess !== secretNumber){
        if(score>1){
            displayMessage(guess>secretNumber ? ':Çok Yüksek' : 'Çok Düşük');
            document.querySelector('.score').textContent= score;        
        }
        else{
            displayMessage('Oyunu Kaybettin');
            document.querySelector('.score').textContent=0;
        }


        
     }




});

document.querySelector('.again').addEventListener('click',function(){
    score=20;
    secretNumber = Math.trunc(Math.random() *20)+1;
    displayMessage('Tahmin Ediliyor...');
    document.querySelector('.score').textContent=score;
    document.querySelector('.number').textContent='?';
    document.querySelector('.guess').value='';

    document.querySelector('body').style.backgroundColor='#222';
    document.querySelector('.number').style.width = '15rem';

});