JavaScript හරහා ක්‍රීඩා කරන ක්‍රොස් සහ නල් ක්‍රීඩාව

මම විශ්වාස කරන්නේ මෙම ක්‍රීඩාවේ සාරය හැමෝටම දන්නා බවයි, එබැවින් අපි ක්‍රියාත්මක කිරීමට වහාම පිළියෙල වෙමු.

පළමුව, අපි ක්‍රීඩා පිටිය මේසයක් ලෙස සාදමු <table>:

html<table id="field">
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

අපි රුචිකර විලාසිතාවක් එක් කරන CSS කේතයක් එකතු කරමු:

css#field td {
  width: 50px;
  height: 50px;
  border: 1px solid black;
  text-align: center;
  font-weight: bold;
}

අපගේ මේසයේ සෛල විචල්යයකට ලබා ගනිමු:

javascriptlet cells = document.querySelectorAll('#field td');