I wrote a helper function - ifEquals. The function returns all the cards that belong to a particular list.

Here is the code:

module.exports = {
  stripTags: function (input) {
    return input.replace(/<(?:.|\n)*?>/gm, '');
  },
  ifEquals: function(cardListId, listId, cardTitle) {
    return (cardListId.toString() == listId.toString()) ? 
    `<Draggable>
        <div class="Card">
          <div class="Card-Icons">
            <div class="Card-Icon" >
              <ion-icon name="create" />
              ${cardTitle}
            </div>
          </div>
        </div>
      </Draggable>` 
    : '' ;
  }
}

I get back text inside div instead of getting all HTML tags for each card. Actual outcome - elements from the console:

<div>
 " card1 card2 card3 "
</div>

Expected result:

<Draggable>
        <div class="Card">
          <div class="Card-Icons">
            <div class="Card-Icon" >
              <ion-icon name="create" />
              card1
            </div>
          </div>
        </div>
      </Draggable>
<Draggable>
        <div class="Card">
          <div class="Card-Icons">
            <div class="Card-Icon" >
              <ion-icon name="create" />
              card2
            </div>
          </div>
        </div>
      </Draggable>
<Draggable>
        <div class="Card">
          <div class="Card-Icons">
            <div class="Card-Icon" >
              <ion-icon name="create" />
              card3
            </div>
          </div>
        </div>
      </Draggable>

Thanks