javascript - テーブル内のランダム セルを生成するループが正しく機能しない

Question

table タグを使用して HTML で作成されたテーブルがあります。javascript の関数を使用して、このテーブルからいくつかのセルをランダムに選択しようとしています。反復には for ループを使用します。以下のコードを参照してください。このコードでは、for ループの制限が 300 であるため、任意の 300 セルがランダムに選択されることを期待しています。ただし、選択されているのは 3 ～ 4 のみです。何か案は？

これが私のコードです：

function random_Pattern() {
    var p;
    var q;
    for (var r = 0; r < 301; r++) {
        p = Math.floor(Math.random() * grid_width)+1;
        q = Math.floor(Math.random() * grid_height)+1;
        var cell = document.getElementById("myTableID").rows[p].cells[q];
        cell.style.backgroundColor = "red";

    }

}