title: How check all rows in card?
body: <p>I have something like a card / cards. I need something that every line of the card (cards) (horizontally) checked for the presence of the flip class every time the ball was generated with the number. If the entire line has a flip class, then in section winners we insert a span with the text Line $ {data-row-id} crossed in card $ {data-id} (where data-row-id is a line number, and data-id is card number) and then the generation continue. If in any one of the cards all the lines are already filled
  then it should be deduced that this card wins Card X WIN, where X is the data-id of the card.</p>
  
  <p>I tried doing somethink like this, but it does not work for me and I stopped at that</p>
  
  <pre><code>checkCell() {
      const rows = document.querySelectorAll('.row');
      rows.forEach(row =&gt; {
        let cells = row.children;
        for (let i = 0; i &lt; cells.length; i++) {
          if (cells[i].classList.contains('flip')) {
            console.log(cells[i].parentElement.dataset);
          }
        }
      });
    }
  </code></pre>
  
  <p>This is visualization for my problem - <a href="https://prnt.sc/ikj7rb" rel="nofollow noreferrer">https://prnt.sc/ikj7rb</a></p>
  
  <p>JsFiddle Code - <a href="https://jsfiddle.net/7ountjhg/2/" rel="nofollow noreferrer">https://jsfiddle.net/7ountjhg/2/</a></p>