title: How to make cards appear inside the desired board?
body: <p>I'm writing a Trello, I ran into a problem that a card is not being created.
  The logic should be the following. On clicking the button, a modal opens. There they receive data and send it to an array in localStorega. Then they get data from the storage and update the boards and the card should appear. The data is sent to the array, but as I understand it, they do not find a place to create a card. All button creation functions are in main.js</p>
  <pre><code>const createBoardCard = index =&gt; {
  
      const createCardBtn = document.querySelector('.create__card__btn')
      const closeModalCardBtn = document.querySelector('.modalCard__close__btn')
      showCardModal()
  
      function handleCreateButtonClick() {
          let cardName = cardTitle.value
          let cardDiscription = cardText.value
          let cardTagValue = cardTag.value
          cardArr.push(new cardAdd(cardName, cardDiscription, cardTagValue))
          fillCard()
          addLocal()
          closeCardModal()
          createCardBtn.removeEventListener('click', handleCreateButtonClick)
      }
  
      createCardBtn.addEventListener('click', handleCreateButtonClick)
  
      closeModalCardBtn.addEventListener(&quot;click&quot;, () =&gt; {
          closeCardModal()
          createCardBtn.removeEventListener('click', handleCreateButtonClick)
      })
  }
  
  
  
  const fillCard = () =&gt; {
      cardZone.innerHTML = ''
      if (cardArr.length &gt; 0) {
          cardArr.forEach((item) =&gt; {
              cardZone.innerHTML += createCard(item)
          })
      }
  }
  </code></pre>