javascript - グラフィカルなカウンターを作成するためのhtmlとjavascript

Question

特定のイベントの日をチェックして、それらの「連続」をマークしたいと思います-そして、それらをテーブル上の四角または円として表現したいです

例として「晴れの日」と「曇りの日」

各 COLUMN はイベントの発生をカウントし、イベントの変更は次の COLUMN に移動します。シーケンスは行ごとに上 (または下) に進みます。

例 - テーブル 5 行 x 10 列 (S = 晴れ、C = 曇り) JavaScript を使用するだけで、"s" と "c" の 2 つのボタンを使用して、どのセルを次にマークするかを dom に伝えるにはどうすればよいでしょうか。

空白のフォームを開始 - 「s」をクリックして s を最初のセルに入力し、「s」をクリックして最初の列に s を入力します2 番目の列の最初の行...つまり、現在のクリックが最後のクリックと同じ場合は行を進め、異なる場合は列を進めます...この点で、 2. 3 つまたは 4 つの「タイプ」のオカレンス (雨や雪など) を使用できます。

すべてを配列に入れますか: [s,s,s,s,c,c,s,s,s,s,c,s,c,s,c,c,c,c]

各イベントを配列に追加し、配列をループして、 current!=last ??? のときに変更します。

しかし、「正しい」テーブルセルを参照するにはどうすればよいですか?????

<table border="1" width="460" align="center">
    <tr>
        <td>S</td>
        <td>S</td>
        <td>S</td>
        <td>S</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>C</td>
        <td>C</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>S</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>C</td>
        <td>C</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>S</td>
        <td>S</td>
        <td>S</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
</table>