Mam dataset filmsAttr ktory jest tablicą. Chce uzupełniać tylko te divy o klasie title, które bedą true w filmsAttr. Na chwilę obecną kazdy div(.title) otrzymuje treść z response
Przyklad:
filmsAttr = [true, false, true] oznacza to, że
1 i 3 div(.title) otrzyma tresc z response
2 div(.title) nie otrzyma tresci bo drugi element w filmsAttr jest false
Mam problem z przekonwertowaniem dataset na tablice i z ustaleniem warunku w resposne.forEach()
https://codepen.io/olivier-mazur/pen/ZEooMRp?fbclid=IwAR11lLvH6NPFQrJtLXvraSq5Yb0IxrkxPw2w-yPjCHQPuXA-ypOe6CTUc_I
0
1
Data attributes są stringami, więc jeżeli chcesz je przekonwertować na tablicę/obiekt, to najprościej będzie użyć JSON.parse
.
const filmsAttr = JSON.parse(document.querySelector('section')?.getAttribute('data-download-films'));
const response = [
{"title": "a"},
{"title": "b"},
{"title": "c"}
]
response.forEach((_, i) => {
if (filmsAttr[i]) {
const titleEl = document.querySelector(`#box${i} .title`)
titleEl.innerHTML = response[i].title;
}
})