script.js

let number = 0;
const maxNumber = 10;
const numberDisplay = document.getElementById('number');
const addBtn = document.getElementById('addBtn');
const message = document.getElementById('message');
const resetBtn = document.getElementById('resetBtn');
addBtn.addEventListener('click',function(){
    number++;
    console.log('number',number)

    if(number >= 7){
        numberDisplay.style.color = 'red';
    }else{
        numberDisplay.style.color = 'black';
    }
    numberDisplay.textContent = number;
    if(number >= maxNumber){
        message.textContent = '🥳❤️You Reached the max!';
        addBtn.disabled=true;
    }else{
        addBtn.disabled = false;
    }
})
resetBtn.addEventListener('click',function(){
    number = 0;
    numberDisplay.textContent = number;
    numberDisplay.style.color = 'black';
    message.textContent = null; 
    addBtn.disabled = false;
    
}
)