JSFiddle - React, Tailwind, and code Playground

HTML

<button type="button" id="checkMagicTableButton">Check that it is ריבוע קסם</button>
<div>Is <a target="_blank" href="http://he.wikipedia.org/wiki/%D7%A8%D7%99%D7%91%D7%95%D7%A2_%D7%A7%D7%A1%D7%9D">ריבוע קסם</a>? <span id="result"></span>

</div>
<table border="1" id="magicTable">
    <tr>
        <td>2</td>
        <td>9</td>
        <td>4</td>
    </tr>
    <tr>
        <td>7</td>
        <td>5</td>
        <td>3</td>
    </tr>
    <tr>
        <td>6</td>
        <td>1</td>
        <td>8</td>
    </tr>
</table>

CSS

td {
    width: 20px;
    height: 20px;
    text-align: center;
}
td:hover {
    background: yellow;
}

JavaScript

$("#checkMagicTableButton").click(function () {
    var magicTable = $("#magicTable");
    $("#result").text(isMagicTable(magicTable));

});

function isMagicTable(table) {

    // TODO
    var tr;
    var td;
    var topToBottom = table.find("td:first-child");
    var leftToRight = table.find("tr:first-child").find("td");
    var sumTopToBottom = 0;
    var sumLeftToRight = 0;
    for (var i = 0; i < topToBottom.length; i++) {
        //  var tr = table.find("tr").eq(i);
        //  var bottomToTop = table.find("td").eq(i);
        tr = table.find("tr").eq(i);
        var x = parseInt((topToBottom.eq(i).text()));
        sumTopToBottom += x;
        console.log("tr", i, tr);

    }

    for (var i = 0; i < leftToRight.length; i++) {
        //    var left2Right = table.find("tr:first-child").find("td").eq(i);
        var x = parseInt((leftToRight.eq(i).text()));
        sumLeftToRight += x;
    }
    if (sumLeftToRight === sumTopToBottom) {
        return true;
    }
    return false; // 
}