script2.js

let number = 0;
const maxNumber = 10;
const numberDisplay = document.getElementById('number');
const message = document.getElementById('message');
const addBtn = document.getElementById('addBtn');
const resetBtn = document.getElementById('resetBtn');

function updateDisplay(){
    numberDisplay.textContent = number;

    if (number >= 7) {
        numberDisplay.style.color = 'red';
    }else {
        numberDisplay.style.color = 'blue';
    }

    if (number >= maxNumber) {
        message.textContent = '🌷 You reached the Max! ';
        addBtn.disabled = true;
    }else {
        message.textContent = '';
        addBtn.disabled = false;
    }
}

addBtn.addEventListener ('click', function(){
    number++;
    updateDisplay();
});

resetBtn.addEventListener ('click',function(){
    number = 0;
    updateDisplay();
});

updateDisplay();