JavaScrptを利用してテーブルから特定行のみ抜き出して表示させたい

Question

社内で使っているデータベースの内容をテーブルで表示したページがあります。
ある条件を満たした場合は特定の項目に値が記載されるのですが、
その値が入力されているデータをレコード毎(<TR>)抜き出してHTML表示したいです。
データは1ページ50件ずつ表示されており、
前ページ、次ページボダンをクリックしページ切り替えをしています。

一つのhtmlファイルので実現したいのですが
vbs,javascriptどちらが適しているかもわかっておりません。

次ページをクリックし最終番号まで表示させ、
フラグに●がついているものだけを抽出したページを表示させたいです。

---

テーブルのイメージ

100件中1～10件を表示[前ページ][次ページ]

<table> <th><td>No</td><td>商品コード</td><td>商品名</td><td>フラグ</td></th> <tr>1</td><td>A001</td><td>商品①</td><td></td></tr> <tr>2</td><td>A002</td><td>商品②</td><td></td>●</tr> <tr>3</td><td>A003</td><td>商品③</td><td></td></tr> <tr>4</td><td>A004</td><td>商品④</td><td></td></tr> <tr>5</td><td>A005</td><td>商品⑤</td><td></td></tr> <tr>6</td><td>A006</td><td>商品⑥</td><td></td>●</tr> <tr>7</td><td>A007</td><td>商品⑦</td><td></td></tr> <tr>8</td><td>A008</td><td>商品⑧</td><td></td></tr> <tr>9</td><td>A009</td><td>商品⑨</td><td></td></tr> <tr>10</td><td>A010</td><td>商品⑩</td><td></td></tr> </table>

Answer 1

テーブルをちゃんと書いてください

<script>
window.addEventListener('DOMContentLoaded', ()=>{
  document.querySelector('#btn').addEventListener('click',()=>{
    document.querySelectorAll('#t1 tbody tr').forEach(x=>{
      let flg=/●/.test(x.textContent) || x.style.display=="none";
      x.style.display=flg?"":"none";
    });
  });
});
</script>
<input type="button" id="btn" value="btn">
<table id="t1">
<thead>
<tr><td>No</td><td>商品コード</td><td>商品名</td><td>フラグ</td></tr>
</thead>
<tbody>
<tr><td>1</td><td>A001</td><td>商品①</td><td></td></tr>
<tr><td>2</td><td>A002</td><td>商品②</td><td>●</td></tr>
<tr><td>3</td><td>A003</td><td>商品③</td><td></td></tr>
<tr><td>4</td><td>A004</td><td>商品④</td><td></td></tr>
<tr><td>5</td><td>A005</td><td>商品⑤</td><td></td></tr>
<tr><td>6</td><td>A006</td><td>商品⑥</td><td>●</td></tr>
<tr><td>7</td><td>A007</td><td>商品⑦</td><td></td></tr>
<tr><td>8</td><td>A008</td><td>商品⑧</td><td></td></tr>
<tr><td>9</td><td>A009</td><td>商品⑨</td><td></td></tr>
<tr><td>10</td><td>A010</td><td>商品⑩</td><td></td></tr>
</tbody>
</table>

Comments

[pochi-_-]

yambejpさん
回答ありがとうございます。テーブル正しく理解しておらずすみません。
また説明不足だったこともあり、加えて質問になってしまうのですが
テーブルを表示したページ(http://aaa.co.jp/bbb.asp)を読み込むには
どのようにしたらよいのでしょうか？
・指定のページを読み込む(1ページ目、テーブルの特定文字を含む行情報取得)
・次ページボタンをクリック(2ページ目、テーブルの特定文字を含む行情報取得)最終ページまで繰り返す
・取得したデータの表示
が実現したいことになります。