setAttribute не изменилось значение

Question

У меня есть три элемента, и я пытаюсь установить setAttribute для каждого элемента:

const foldable = document.getElementsByClassName('foldable')
let result = Array.from(foldable)
result.forEach(i => {
 i.onclick = () => {
  i.getAttribute('isClicked') 
   ? i.setAttribute('isClicked', false)
   : i.setAttribute('isClicked', true)
 }
})

, если значение isClicked равно true, значение isClicked должно быть равно false, в противном случае значение isClicked равно false, значение isClicked должно быть истинным, ноэто работает только один раз.Если isClicked равно false, isClicked не меняется на true.

Answer 1

Вам необходимо обновить ваш троичный оператор, чтобы он соответствовал

(i.getAttribute('isClicked') === "true")
   ? i.setAttribute('isClicked', false)
   : i.setAttribute('isClicked', true)

Поскольку в случае атрибута false , i.getAttribute('isClicked') выдаст строку "false", которая оценивается как правда .