let counter, btnAdd;
let n;
let count = 0;
function addCount(){
    n++;
    counter.innerHTML = n;
    shopping.innerHTML = n;

    if(n == 10){
        alert('初心者クリッカー')
    }else if(n == 100){
        alert('中級者クリッカー')
    }else if(n == 500){
        alert('上級者クリッカー')
    }else if (n == 2000){
        alert('名人クリッカー')
    }else if (n == 5000){
        alert('超人クリッカー')
    }else if (n == 10000){
        alert('達人クリッカー')
    }
}

function shop2(){
    if(n > 100){
            n = n+2;
    }
    if(n == 10){
        alert('初心者クリッカー')
    }else if(n == 100){
        alert('中級者クリッカー')
    }else if(n == 500){
        alert('上級者クリッカー')
    }else if (n == 2000){
        alert('名人クリッカー')
    }else if (n == 5000){
        alert('超人クリッカー')
    }else if (n == 10000){
        alert('達人クリッカー')
    }
}

function shop3(){
    if(n > 400){
        n = n+3;
    }
    if(n == 10){
        alert('初心者クリッカー')
    }else if(n == 100){
        alert('中級者クリッカー')
    }else if(n == 500){
        alert('上級者クリッカー')
    }else if (n == 2000){
        alert('名人クリッカー')
    }else if (n == 5000){
        alert('超人クリッカー')
    }else if (n == 10000){
        alert('達人クリッカー')
    }
}

function shop4(){
    if(n > 800){
        n = n+4;
    }
    if(n == 10){
        alert('初心者クリッカー')
    }else if(n == 100){
        alert('中級者クリッカー')
    }else if(n == 500){
        alert('上級者クリッカー')
    }else if (n == 2000){
        alert('名人クリッカー')
    }else if (n == 5000){
        alert('超人クリッカー')
    }else if (n == 10000){
        alert('達人クリッカー')
    }
}

function shop5(){
    if(n > 1500){
        n = n+5;
    }
    if(n == 10){
        alert('初心者クリッカー')
    }else if(n == 100){
        alert('中級者クリッカー')
    }else if(n == 500){
        alert('上級者クリッカー')
    }else if (n == 2000){
        alert('名人クリッカー')
    }else if (n == 5000){
        alert('超人クリッカー')
    }else if (n == 10000){
        alert('達人クリッカー')
    }
}

function shop6(){
    if(n > 1000){
        n = n+1000;
        document.getElementById('timesAdd').style.visibility = 'hidden'
    }
    if(n == 10){
        alert('初心者クリッカー')
    }else if(n == 100){
        alert('中級者クリッカー')
    }else if(n == 500){
        alert('上級者クリッカー')
    }else if (n == 2000){
        alert('名人クリッカー')
    }else if (n == 5000){
        alert('超人クリッカー')
    }else if (n == 10000){
        alert('達人クリッカー')
    }
}



window.addEventListener("load", ()=>{
    // 起動時の処理

    counter = document.getElementById("counter");
    btnAdd = document.getElementById("btnAdd");
    timesAdd2 = document.getElementById("timesAdd2");
    timesAdd3 = document.getElementById("timesAdd3");
    timesAdd4 = document.getElementById("timesAdd4");
    timesAdd5 = document.getElementById("timesAdd5");
    timesAdd = document.getElementById("timesAdd");
    n = 0;
     
    const countUp = () => {
        n++;
        counter.innerHTML = n;
        shopping.innerHTML = n;
        if(n == 10){
            alert('初心者クリッカー')
        }else if(n == 100){
            alert('中級者クリッカー')
        }else if(n == 500){
            alert('上級者クリッカー')
        }else if (n == 2000){
            alert('名人クリッカー')
        }else if (n == 5000){
            alert('超人クリッカー')
        }else if (n == 10000){
            alert('達人クリッカー')
        }
       }
       setInterval(countUp, 1000);

    btnAdd.addEventListener("click", addCount);
    timesAdd2.addEventListener("click", shop2);
    timesAdd3.addEventListener("click", shop3);
    timesAdd4.addEventListener("click", shop4);
    timesAdd5.addEventListener("click", shop5);
    timesAdd.addEventListener("click", shop6);
});