const button1 = document.querySelector('.getmoney');
const succesBar = document.querySelector('.casino__success');
const overlay = document.querySelector('.casino');
const perc = document.querySelector('.percent');
const cash = document.querySelector('.cash');
cash.textContent="НАЧИНАЕМ"
const hidder = function() {
    overlay.classList.add('hidden');
}
button1.addEventListener('click', hidder)

let i =0;
const plus = function () {
    i=i+1;
    succesBar.setAttribute('style', `width:${i}%`)
    if (i>100) {i=100}
    perc.textContent=`${i}%`
    cash.textContent=`Выкачано ${3792300/100*i}$ из 3792300$`
}
let timer = setInterval(plus, 500);


// const progressBar = function () {
//     for (let k=0; k<=100; k++) 
//     {succesBar.setAttribute('style', `width:${k}%`)};
//     }

// setTimeout(()=>{for (let k=0; k<=100; k=k+1) {succesBar.setAttribute('style', `width:${k}%`)}}, 1000)
// const test = function(i) {
//     succesBar.setAttribute('style', `width:${i}%`)
// }

// const progressBar = function (i) {
    
//     for (i; i<=100; i++) {
//         setInterval(test, 1000);
//     }
// }
// progressBar(0)