Как с одного массива передать значения в другой?

Question

[Иван Медведев]

Есть следующий код:

<div style="display:none;">
  <p class="pf-count" data-count="nevada">2</p>
  <p class="pf-count" data-count="ohio">4</p>
  <p class="pf-count" data-count="miami">1</p>
</div>

<svg>
  <text data-state="miami"></text>
  <text data-state="nevada"></text>
  <text data-state="ohio"></text>
</svg>

Необходимо при совпадении значений дата атрибутов, текст из тега p вставить в тег text. Понимаю, что надо сравнить два массива этих элементов и при совпадении значений передавать текст. Но написать скрипт так и не получилось. Прошу помощи. Пишу на jquery

Comments

[Иван Медведев]

Fujitawa, я так понимаю, за вознаграждение?

[Elon Mask]

Fujitawa, вот они годы обучения джава скрипту. работать за 10 рублей
и тут тебе не фриланс биржа

[Elon Mask]

Fujitawa, удалить не значит что твой ак не набутылят за то что они были

[Elon Mask]

а че ты лайкнул. это то что ты хотел? я просто у себя запускал там в инспекторе видно что сработало а визуала нету

Answer 1

[Elon Mask]

<div style="display:none;">
    <p class="pf-count" data-count="nevada">2</p>
    <p class="pf-count" data-count="ohio">4</p>
    <p class="pf-count" data-count="miami">1</p>
  </div>
  
  <svg>
    <text class="pf-state" data-state="miami"></text>
    <text class="pf-state" data-state="nevada"></text>
    <text class="pf-state" data-state="ohio"></text>
  </svg>

<script>
e = document.getElementsByClassName("pf-count")
c = document.getElementsByClassName("pf-state")

for (let i = 0; i <= e.length-1; i++){
  o = e[i]  
  for (let s = 0; s <= c.length-1; s++){
    
    if (c[s].dataset.state == o.dataset.count){
        c[s].setHTML(o.textContent)
        break
    }
    
  }
}

</script>

что-то такое?

Comments

[Иван Медведев]

Да, это то, что надо. Через консоль лог проверил, что скрипт получает нужные значения. Но также в консоли есть ошибка, которая обрывает работу скрипта:

c.setHTML is not a function