JS - odświeżanie 1 elementu na stronie

pytanie zadane 15 lipca 2018 w JavaScript przez raitrow Nowicjusz (190 p.)

Witam, pomijając wstęp problem dotyczy odświeżania danego elementu na stronie za pomocą JS (albo jakiejś biblioteki). Odświeżanie ma być zależne od innej zmiennej.

Konkretnie: http://www.decisionproblem.com/paperclips/index2.html
na tej stronie w tej grze, ilość "paperclips" odświeża się w zależności od tego ile ich produkuję ( 1 - raz na sec, 2 - 2 razy na sec) przy tym nie odświeża się reszta strony, staram się nauczyć czegoś z JS przy robieniu takiego prostego clickera i właśnie na taki problem się natknąłem.
Przestudiowałem już kilka razy kod strony ale nie znalazłem odpowiedzi na moje pytanie a jedynie pojawiło się ich więcej.

Z góry dziękuję za pomoc.

2 odpowiedzi

odpowiedź 15 lipca 2018 przez pablop76 VIP (123,180 p.)
edycja 15 lipca 2018 przez pablop76

Odświeżanie ma być zależne od innej zmiennej.

<button>click</button>
<div class="container"></div>
<p>ilosc kikniec</p>
<div id="a">0</div>
<p>Po kliknieciu 10 razy dodaje 10</p>
<div id="c">0</div>

const btn = document.querySelector("button");
const a = document.getElementById("a");
const c = document.getElementById("c");
let counter = 1; //licznik klikniec
btn.addEventListener("click",change);
function change(){ 
  if(counter==10){ //sprawdzenie czy kliknieto 10 razy
    c.innerText=parseInt(c.innerText) + 10;
    counter=0; //reset licznika po 10 klikniec
  }
counter++; //inkrementacja licznika
a.innerText++;
}