javascript inkrementacja problem pomocy

pytanie zadane 28 kwietnia 2020 w JavaScript przez kubaa322 Użytkownik (710 p.)
zmienione kategorie 28 kwietnia 2020 przez ScriptyChris

Witam mam problem. Otóż chciałem stworzyć 'grę' na wzór cookie clickera jednak nie umiem rozwikłać pewnej sprawy. Jak zrobić aby po kliknięciu guzika 'shop' następne kliknięcia były zwiększone np. o 3?. Liczę na pomoc i z góry dziękuję

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel = 'stylesheet' href = 'style.css'>
    <script src = 'main.js' defer></script>
</head>
<body>
    <button id = 'btn'>click</button>
    <div id = 'result'></div>
    <button id = 'shop'>Shop</button>
</body>
</html>

JS:

let button = document.getElementById('btn');
let result = document.getElementById('result');
let shopping = document.getElementById('shop');
let x = 0;
button.addEventListener('click',click);
shopping.addEventListener('click',shop);
function click(){
    result.value = x;
    x += 1;
    result.innerHTML = x;
}
function shop(){
    if(x >= 10){
        x = x - 10;
    }
    else{
        alert('Not enough points!');
    }
    result.innerHTML = x;
}

1 odpowiedź

odpowiedź 28 kwietnia 2020 przez DawidK Nałogowiec (37,910 p.)

Jeżeli chodzi Ci o ofekt, żeby za pierwszym kliknięciem odejmowało się 10, za drugim 13, trzecim 16 itd... to możesz utworzyć sobie zmienną poza funkcją i zwiększać ją o 3 przy każdym wywołaniu.

let mod = 0;

function shop(){
        if(x >= 10){
            x = x - 10-mod;
            mod += 3;
        }
        else{
            alert('Not enough points!');
        }
    result.innerHTML = x;
}

komentarz 28 kwietnia 2020 przez kubaa322 Użytkownik (710 p.)

Dzięki, to też mi się na pewno przyda, ale chodziło mi raczej o to żeby kolejne kliknięcia przycisku button id = btn były zwiększone po kliknięciu przycisku id = shop - tak jak w oryginalnym cookie clickerze

komentarz 28 kwietnia 2020 przez DawidK Nałogowiec (37,910 p.)

Nie zrozumiałem za pierwszym razem, ale efekt o którym mówisz można osiągnąć praktycznie dokładnie w ten sam sposób.

Dodatkowa zmienna:

 let mod = 0;

w funkcji shop ją zwiększasz

function shop(){
        if(x >= 10){
            x = x - 10;
            mod += 3;
        }
        else{
            alert('Not enough points!');
        }
    result.innerHTML = x;
}

i wykorzystujesz w funkcji click

    function click(){
        result.value = x;
        x = x + 1 + mod;
        result.innerHTML = x;
    }

komentarz 28 kwietnia 2020 przez kubaa322 Użytkownik (710 p.)

dzięki wielkie bardzo mi to pomogło!

Podobne pytania

0 głosów

1 odpowiedź 483 wizyt

javascript, tablice, problem, jak, pomocy

pytanie zadane 19 kwietnia 2020 w JavaScript przez kubaa322 Użytkownik (710 p.)

0 głosów

1 odpowiedź 359 wizyt

javascript pomocy problem position css html

pytanie zadane 30 maja 2020 w JavaScript przez kubaa322 Użytkownik (710 p.)

+1 głos

2 odpowiedzi 314 wizyt

javascript css html problem pomocy

pytanie zadane 10 września 2020 w HTML i CSS przez kubaa322 Użytkownik (710 p.)

javascript inkrementacja problem pomocy

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci