JSFiddle - React, Tailwind, and code Playground

by akmiecik

HTML

<table id="y2021">
<thead>
    <tr>
        <th>Player</th>
        <th>Move 1</th>
        <th>Move 2</th>
        <th>Move 3</th>
        <th>Move 4</th>
        <th>Move 5</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>John</td>
        <td>0</td>
        <td>0</td>
        <td>0</td>
        <td>0</td>
        <td>0</td>
    </tr>
    <tr>
        <td>James</td>
        <td>0</td>
        <td>5</td>
        <td>3</td>
        <td>4</td>
        <td>0</td>
    </tr>
</tbody>

CSS

.hide { 
    display: none; 
}

JavaScript

var tbl = document.getElementById('y2021');
var rows = tbl.querySelectorAll('tbody tr');

for(i = 0; i < rows.length; i++) {
    
    var cells = rows[i].querySelectorAll('td');
    
    var flag = true;
    
    for(j = 2; j < cells.length; j++) {
        if (cells[j].innerHTML != '0') { 
            flag = false; 
        }
    }
    
    
    if(flag) { 
        rows[i].classList.add('hide'); 
    }
}