Problem z działaniem funkcji w JSie ;/

Question

Witam wszystkich,otóż piszę sobie bardzo prostą grę w statki i pojawia mi się od czasu do czasu problem z generowaniem ich położenia,albo pojawia się ich za dużo albo za mało.Pokazuje mi się też błąd w konsoli gdy właśnie generacja nie przeszła pomyślnie.Jak naprawić taki problem.Kod przesyłam poniżej na CodePenie.

https://codepen.io/DorianBajorek/pen/XYBGMO

Answer 1

Usuwasz atrybut id 

hook.removeAttribute("id");

I dlatego masz problem. Gdy statek wylosuje sie w to samo miejsce co wcześniejszy próbuje wykonać 

var hook=document.getElementById("p"+randNum_y+number_chang);

i nagle masz błąd bo taki ID juz nie istnieje.

Rozwiązaniem problemu jest użycie data-* jest to sposób zapisu danych do znaczników HTML.

możesz zrobić sobie

<div id="test" data-x="2" data-y="34" />

i nie musisz modyfikować ID !

W JS odwołasz się poprzez dataset
 

var x = document.getElementById('test').dataset.x

 

Comments

Nie wiem jak przypisać to za pomocą JSa 

hook.getAttribute("data-"+i);

Nie przechodzi 

---

Hook.dataset.cokolwiek = "nowa wartosc";

Mozesz tez uzyc setAttribute. get to pobieranie wartosci