[
  {
    "name": "拮抗勝負",
    "detail": "【罠】",
    "effect": "自分フィールドにカードが存在しない場合、このカードの発動は手札からもできる。①：相手フィールドのカードの数が自分フィールドのカードより多い場合、自分・相手のバトルフェイズ終了時に発動できる。自分フィールドのカードの数と同じになるように、相手は自身のフィールドのカードを裏側で除外しなければならない。"
  },
  {
    "name": "幻煌龍の浸渦",
    "detail": "【罠】",
    "effect": "フィールドに「海」が存在する場合、このカードの発動は手札からもできる。①：自分フィールドのモンスターが通常モンスターのみの場合、相手フィールドの効果モンスター１体を対象として発動できる。そのモンスターはターン終了時まで、攻撃力・守備力が１０００ダウンし、効果が無効化される。②：墓地のこのカードを除外し、自分フィールドの通常モンスター１体を対象として発動できる。自分の手札・墓地から「幻煌龍」装備魔法カード１枚を選んでその通常モンスターに装備する。"
  },
  {
    "name": "幻煌龍の戦渦",
    "detail": "【罠】",
    "effect": "フィールドに「海」が存在する場合、このカードの発動は手札からもできる。①：自分フィールドのモンスターが通常モンスターのみの場合、相手フィールドのカード１枚を対象として発動できる。そのカードを破壊する。②：墓地のこのカードを除外し、自分フィールドの通常モンスター１体を対象として発動できる。そのモンスターが装備可能な自分フィールドの全ての「幻煌龍」装備魔法カードをその通常モンスターに装備する。"
  },
  {
    "name": "幻煌龍の天渦",
    "detail": "【罠】",
    "effect": "フィールドに「海」が存在する場合、このカードの発動は手札からもできる。①：自分フィールドの「幻煌龍 スパイラル」１体を対象として発動できる。そのモンスターが「幻煌龍」装備魔法カード３種類以上を装備した状態で、戦闘で相手の効果モンスター３体を破壊した時、自分はデュエルに勝利する。②：自分フィールドの通常モンスターが戦闘・効果で破壊される場合、代わりに墓地のこのカードを除外できる。"
  },
  {
    "name": "セフィラの星戦",
    "detail": "【罠】",
    "effect": "「セフィラの星戦」は１ターンに１枚しか発動できない。自分のPゾーンに「セフィラ」カードが２枚存在する場合、このカードの発動は手札からもできる。①：自分フィールドの「セフィラ」カード１枚と相手フィールドのカード１枚を対象として発動できる。そのカードを破壊する。"
  },
  {
    "name": "タイフーン",
    "detail": "【罠】",
    "effect": "相手フィールドに魔法・罠カードが２枚以上存在し、自分フィールドに魔法・罠カードが存在しない場合、このカードの発動は手札からもできる。①：フィールドの表側表示の魔法・罠カード１枚を対象として発動できる。そのカードを破壊する。"
  },
  {
    "name": "タキオン・ギャラクシースパイラル",
    "detail": "【罠】",
    "effect": "このカード名のカードは１ターンに１枚しか発動できない。自分フィールドに「ギャラクシーアイズ・タキオン・ドラゴン」モンスターが存在する場合、このカードの発動は手札からもできる。①：自分フィールドのドラゴン族の「ギャラクシー」モンスター１体を対象として発動できる。その表側表示モンスターはターン終了時まで、戦闘では破壊されず、自身以外のカードの効果を受けない。"
  },
  {
    "name": "デルタ・クロウ－アンチ・リバース",
    "detail": "【罠】",
    "effect": "自分フィールドの「BF」モンスターが３体のみの場合、このカードの発動は手札からもできる。①：自分フィールドに「BF」モンスターが存在する場合に発動できる。相手フィールドにセットされた魔法・罠カードを全て破壊する。"
  },
  {
    "name": "霊王の波動",
    "detail": "【罠】",
    "effect": "このカード名のカードは１ターンに１枚しか発動できない。相手フィールドにカードが存在する場合、このカードの発動は手札からもできる。①：モンスターを特殊召喚する効果を含む、魔法・罠・モンスターの効果が発動した時に発動できる。その効果を無効にする。自分の墓地に罠カードが存在する場合、さらにその無効にしたカードを破壊する。このカードを手札から発動した場合、発動後、このデュエル中に自分は光・地・風属性モンスターの効果を発動できない。"
  },
  {
    "name": "聖王の粉砕",
    "detail": "【罠】",
    "effect": "このカード名のカードは１ターンに１枚しか発動できない。相手フィールドにカードが存在する場合、このカードの発動は手札からもできる。①：デッキからカードを手札に加える効果を含む、魔法・罠・モンスターの効果が発動した時に発動できる。その効果を無効にする。自分の墓地に罠カードが存在する場合、さらにその無効にしたカードを破壊する。このカードを手札から発動した場合、発動後、このデュエル中に自分は闇・水・炎属性モンスターの効果を発動できない。"
  },
  {
    "name": "ＮＥＸＴ",
    "detail": "【罠】",
    "effect": "このカード名のカードは１ターンに１枚しか発動できない。自分フィールドにカードが存在しない場合、このカードの発動は手札からもできる。①：自分の手札・墓地から、「N」モンスター及び「E・HERO ネオス」を任意の数だけ選んで守備表示で特殊召喚する（同名カードは１枚まで）。この効果で特殊召喚したモンスターの効果は無効化される。この効果で特殊召喚したモンスターが自分フィールドに表側表示で存在する限り、自分は融合モンスターしかEXデッキから特殊召喚できない。"
  },
  {
    "name": "ハーピィの羽根吹雪",
    "detail": "【罠】",
    "effect": "自分フィールドに「ハーピィ」モンスターが存在する場合、このカードの発動は手札からもできる。①：自分フィールドに鳥獣族・風属性モンスターが存在する場合に発動できる。ターン終了時まで、相手が発動したモンスターの効果は無効化される。②：魔法＆罠ゾーンのこのカードが相手の効果で破壊された場合に発動できる。自分のデッキ・墓地から「ハーピィの羽根帚」１枚を選んで手札に加える。"
  },
  {
    "name": "ブラック・ソニック",
    "detail": "【罠】",
    "effect": "自分フィールドのモンスターが「BF」モンスター３体のみの場合、このカードの発動は手札からもできる。①：相手モンスターが自分フィールドの「BF」モンスターに攻撃宣言した時に発動できる。相手フィールドの表側攻撃表示モンスターを全て除外する。"
  },
  {
    "name": "ＢＦ－ツインシャドウ",
    "detail": "【罠】",
    "effect": "このカード名のカードは１ターンに１枚しか発動できない。自分フィールドに「BF」モンスターが２体以上存在する場合、このカードの発動は手札からもできる。①：自分の墓地・除外状態の、「BF」チューナー１体とチューナー以外の「BF」モンスター１体をデッキ・EXデッキに戻して発動できる。その２体のレベルの合計と同じレベルを持つ、「BF」Sモンスターか「ブラックフェザー・ドラゴン」１体をS召喚扱いでEXデッキから特殊召喚する。"
  },
  {
    "name": "海晶乙女波動",
    "detail": "【罠】",
    "effect": "自分フィールドにリンク３以上の「マリンセス」モンスターが存在する場合、このカードの発動は手札からもできる。①：自分フィールドに「マリンセス」リンクモンスターが存在する場合、相手フィールドの表側表示モンスター１体を対象として発動できる。そのモンスターの効果をターン終了時まで無効にする。自分フィールドにリンク２以上の「マリンセス」モンスターが存在する場合、さらに自分フィールドの全ての表側表示モンスターはターン終了時まで、相手の効果を受けない。"
  },
  {
    "name": "海晶乙女瀑布",
    "detail": "【罠】",
    "effect": "自分フィールドにリンク３以上の「マリンセス」モンスターが存在する場合、このカードの発動は手札からもできる。①：自分フィールドの「マリンセス」リンクモンスターを任意の数だけ次の自分スタンバイフェイズまで除外し、フィールドの表側表示モンスター１体を対象として発動できる。そのモンスターの攻撃力はターン終了時まで、このカードを発動するために除外したリンクモンスターのリンクマーカーの合計×３００アップする。"
  },
  {
    "name": "海晶乙女潮流",
    "detail": "【罠】",
    "effect": "このカード名のカードは１ターンに１枚しか発動できない。自分フィールドにリンク３以上の「マリンセス」モンスターが存在する場合、このカードの発動は手札からもできる。①：自分の「マリンセス」リンクモンスターが戦闘で相手モンスターを破壊した時に発動できる。その自分のモンスターのリンクマーカーの数×４００ダメージを相手に与える。自分フィールドにリンク２以上の「マリンセス」モンスターが存在し、相手リンクモンスターを破壊した場合には、破壊されたモンスターのリンクマーカーの数×５００ダメージをさらに相手に与える。"
  },
  {
    "name": "海晶乙女環流",
    "detail": "【罠】",
    "effect": "自分フィールドにリンク３以上の「マリンセス」モンスターが存在する場合、このカードの発動は手札からもできる。①：自分フィールドの水属性リンクモンスター１体を対象として発動できる。そのモンスターを持ち主のEXデッキに戻し、そのモンスターとはカード名が異なり、リンクマーカーの数が同じ「マリンセス」リンクモンスター１体をリンク召喚扱いとしてEXデッキから特殊召喚する。このターン、この効果で特殊召喚したモンスターは直接攻撃できず、戦闘では破壊されない。"
  },
  {
    "name": "無限泡影",
    "detail": "【罠】",
    "effect": "自分フィールドにカードが存在しない場合、このカードの発動は手札からもできる。①：相手フィールドの表側表示モンスター１体を対象として発動できる。そのモンスターの効果をターン終了時まで無効にする。セットされていたこのカードを発動した場合、さらにこのターン中、このカードと同じ縦列の他の魔法・罠カードの効果は無効化される。"
  },
  {
    "name": "ロード・オブ・ザ・タキオンギャラクシー",
    "detail": "【罠】",
    "effect": "このカード名のカードは１ターンに１枚しか発動できない。自分フィールドに「ギャラクシーアイズ・タキオン・ドラゴン」モンスターが存在する場合、このカードの発動は手札からもできる。①：自分・相手のバトルフェイズに、自分フィールドの「ギャラクシーアイズ」XモンスターのX素材を１つ取り除いて発動できる（自分フィールドに「CNo.」モンスターが存在する場合、このカードの発動と効果は無効化されない）。このターンに召喚・特殊召喚された相手フィールドのモンスターを全てデッキに戻す。"
  },
  {
    "name": "タキオン・トランスミグレイション",
    "detail": "【罠】",
    "effect": "自分フィールドに「ギャラクシーアイズ・タキオン・ドラゴン」モンスターが存在する場合、このカードの発動は手札からもできる。①：自分フィールドに「ギャラクシーアイズ」モンスターが存在する場合、チェーン２以降に発動できる。このカードの発動時に積まれていたチェーン上の、全ての相手のモンスターの効果・魔法・罠カードの発動を無効にし、この効果で発動を無効にしたカードがフィールドに存在していた場合、それらを全てデッキに戻す。"
  },
  {
    "name": "ブラック・バード・クローズ",
    "detail": "【罠】",
    "effect": "自分フィールドに「BF」Sモンスターまたは「ブラックフェザー・ドラゴン」が存在する場合、このカードの発動は手札からもできる。①：相手フィールドのモンスターが効果を発動した時、自分フィールドの表側表示の「BF」モンスター１体を墓地へ送って発動できる。その発動を無効にし破壊する。その後、EXデッキから「ブラックフェザー・ドラゴン」１体を特殊召喚できる。"
  },
  {
    "name": "レッド・リブート",
    "detail": "【罠】",
    "effect": "このカードはLPを半分払って手札から発動する事もできる。①：相手が罠カードを発動した時に発動できる。その発動を無効にし、そのカードをそのままセットする。その後、相手はデッキから罠カード１枚を自身の魔法＆罠ゾーンにセットできる。このカードの発動後、ターン終了時まで相手は罠カードを発動できない。"
  }
]

<div class="t_row c_normal open">
  <div class="box_card_img">
    <img id="card_image_0_1" alt="灰流うらら" title="灰流うらら" class="none ui-draggable ui-draggable-handle" style="position: relative; display: inline;" src="/yugiohdb/get_image.action?type=1&osplang=1&cid=12950&ciid=1&enc=by_I8OcuAqgJpPjaezbcNg">
  </div>
  <dl class="flex_1">
    <dd class="box_card_name flex_1 top_set">
      <span class="card_ruby">はるうらら</span>
      <span class="card_name">灰流うらら</span>
    </dd>
    <dd class="icon top_set top_b_none">
    </dd>
    <dd class="remove_btn top_set">
      <a href="javascript:void(0);" class="btn hex red" title="このカードをリストから削除">
        <span>X</span>
        <input type="hidden" class="lang" value="">
        <input type="hidden" class="cid" value="12950">
      </a>
    </dd>
    <dd class="box_card_spec flex_1">
      <span class="box_card_attribute">
        <img class="icon_img ui-draggable ui-draggable-handle" src="external/image/parts/attribute/attribute_icon_fire.png" alt="炎属性" title="炎属性" style="position: relative;">
        <span>炎属性</span>
      </span>
      <span class="box_card_level_rank level">
        <img class="icon_img ui-draggable ui-draggable-handle" src="external/image/parts/icon_level.png" alt="レベル" title="レベル" style="position: relative;">
        <span>レベル 3</span>
      </span>
      <span class="card_info_species_and_other_item">
        <span>【 アンデット族 ／ チューナー ／ 効果 】</span>
      </span>
      <span class="atk_power">
        <span>攻撃力 0</span>
      </span>
      <span class="def_power">
        <span>守備力 1800</span>
      </span>
    </dd>
    <dd class="box_card_text c_text flex_1">このカード名の効果は１ターンに１度しか使用できない。
      <br>①：以下のいずれかの効果を含む魔法・罠・モンスターの効果が発動した時、このカードを手札から捨てて発動できる。その効果を無効にする。
      <br>●デッキからカードを手札に加える効果
      <br>●デッキからモンスターを特殊召喚する効果
      <br>●デッキからカードを墓地へ送る効果</dd>
  </dl>
  <input type="hidden" class="cnm" value="灰流うらら">
  <input type="hidden" class="fltype" value="">
  <input type="hidden" class="link_value" value="/yugiohdb/card_search.action?ope=2&cid=12950">
</div>

<div class="t_row c_normal open">
  <div class="box_card_img">
    <img id="card_image_0_1" alt="sophiaの影霊衣" title="sophiaの影霊衣" class="none ui-draggable ui-draggable-handle" style="position: relative; display: inline;" src="/yugiohdb/get_image.action?type=1&osplang=1&cid=11713&ciid=1&enc=GACjCouR9LPfcCpUEpgo-Q">
  </div>
  <dl class="flex_1">
    <dd class="box_card_name flex_1 top_set">
      <span class="card_ruby">ソピアのネクロス</span>
      <span class="card_name">sophiaの影霊衣</span>
    </dd>
    <dd class="icon top_set top_b_none">
    </dd>
    <dd class="remove_btn top_set">
      <a href="javascript:void(0);" class="btn hex red" title="このカードをリストから削除">
        <span>X</span>
        <input type="hidden" class="lang" value="">
        <input type="hidden" class="cid" value="11713">
      </a>
    </dd>
    <dd class="box_card_spec flex_1">
      <span class="box_card_attribute">
        <img class="icon_img ui-draggable ui-draggable-handle" src="external/image/parts/attribute/attribute_icon_light.png" alt="光属性" title="光属性" style="position: relative;">
        <span>光属性</span>
      </span>
      <span class="box_card_level_rank level">
        <img class="icon_img ui-draggable ui-draggable-handle" src="external/image/parts/icon_level.png" alt="レベル" title="レベル" style="position: relative;">
        <span>レベル 11</span>
      </span>
      <span class="card_info_species_and_other_item">
        <span>【 魔法使い族 ／ 儀式 ／ 効果 】</span>
      </span>
      <span class="atk_power">
        <span>攻撃力 3600</span>
      </span>
      <span class="def_power">
        <span>守備力 3400</span>
      </span>
    </dd>
    <dd class="box_card_text c_text flex_1">「影霊衣」儀式魔法カードにより降臨。それぞれ種族の異なる自分フィールドのモンスター３体を使用した手札からの儀式召喚でしか特殊召喚できない。①：自分・相手のメインフェイズ１に手札からこのカードと「影霊衣」魔法カード１枚を捨てて発動できる。そのフェイズの間、相手はエクストラデッキからモンスターを特殊召喚できない。②：このカードが儀式召喚に成功した時に発動できる。このカード以外のお互いのフィールド・墓地のカードを全て除外する。この効果を発動するターン、自分は他のモンスターを通常召喚・特殊召喚できない。</dd>
  </dl>
  <input type="hidden" class="cnm" value="sophiaの影霊衣">
  <input type="hidden" class="fltype" value="">
  <input type="hidden" class="link_value" value="/yugiohdb/card_search.action?ope=2&cid=11713">
</div>

<div class="t_row c_normal open">
  <div class="box_card_img">
    <img id="card_image_0_1" alt="アストログラフ・マジシャン" title="アストログラフ・マジシャン" class="none ui-draggable ui-draggable-handle" style="position: relative; display: inline;" src="/yugiohdb/get_image.action?type=1&osplang=1&cid=12906&ciid=1&enc=VA8kjHnV4aBfjuU1HUxvaw">
  </div>
  <dl class="flex_1">
    <dd class="box_card_name flex_1 top_set">
      <span class="card_ruby">アストログラフ・マジシャン</span>
      <span class="card_name">アストログラフ・マジシャン</span>
    </dd>
    <dd class="icon top_set top_b_none">
      <div class="lr_icon fl fl_2">
        <p>制限</p>
        <span>制限</span>
      </div>
    </dd>
    <dd class="remove_btn top_set">
      <a href="javascript:void(0);" class="btn hex red" title="このカードをリストから削除">
        <span>X</span>
        <input type="hidden" class="lang" value="">
        <input type="hidden" class="cid" value="12906">
      </a>
    </dd>
    <dd class="box_card_spec flex_1">
      <span class="box_card_attribute">
        <img class="icon_img ui-draggable ui-draggable-handle" src="external/image/parts/attribute/attribute_icon_dark.png" alt="闇属性" title="闇属性" style="position: relative;">
        <span>闇属性</span>
      </span>
      <span class="box_card_level_rank level">
        <img class="icon_img ui-draggable ui-draggable-handle" src="external/image/parts/icon_level.png" alt="レベル" title="レベル" style="position: relative;">
        <span>レベル 7</span>
      </span>
      <span class="card_info_species_and_other_item">
        <span>【 魔法使い族 ／ ペンデュラム ／ 効果 】</span>
      </span>
      <span class="atk_power">
        <span>攻撃力 2500</span>
      </span>
      <span class="def_power">
        <span>守備力 2000</span>
      </span>
    </dd>
    <dd class="box_card_pen_info flex_1">
      <span class="box_card_pen_scale">
        <img class="icon_img ui-draggable ui-draggable-handle" src="external/image/parts/icon_pendulum.png" alt="ペンデュラムスケール" title="ペンデュラムスケール" style="position: relative;">Pスケール 1</span>
      <span class="box_card_pen_effect c_text flex_1">このカード名のP効果は１ターンに１度しか使用できない。
        <br>①：自分メインフェイズに発動できる。このカードを破壊し、手札・デッキから「星読みの魔術師」１体を選び、自分のPゾーンに置くか特殊召喚する。</span>
    </dd>
    <dd class="box_card_text c_text flex_1">①：自分フィールドのカードが戦闘・効果で破壊された場合に発動できる。このカードを手札から特殊召喚する。その後、このターンに破壊された自分か相手のモンスター１体を選び、その同名モンスター１体をデッキから手札に加える事ができる。
      <br>②：自分の手札・フィールド・墓地の、「ペンデュラム・ドラゴン」「エクシーズ・ドラゴン」「シンクロ・ドラゴン」「フュージョン・ドラゴン」モンスター１体ずつと、フィールドのこのカードを除外して発動できる。「覇王龍ズァーク」１体を融合召喚扱いでEXデッキから特殊召喚する。</dd>
  </dl>
  <input type="hidden" class="cnm" value="アストログラフ・マジシャン">
  <input type="hidden" class="fltype" value="2">
  <input type="hidden" class="link_value" value="/yugiohdb/card_search.action?ope=2&cid=12906">
</div>

javascript:(function() {
  const bodyElement = document.documentElement.outerHTML;
  const parser = new DOMParser();
  const doc = parser.parseFromString(bodyElement, 'text/html');
  const getCardName = (parent) => {
    const flex_1 = parent.querySelector('.flex_1');
    const box_card_name_flex_1_top_set = flex_1.querySelector('.box_card_name.flex_1.top_set');
    const card_name = box_card_name_flex_1_top_set.querySelector('.card_name');
    return card_name.textContent.trim();
  };
  const getDetail = (parent) => {
    const flex_1 = parent.querySelector('.flex_1');
    const box_card_spec_flex_1 = flex_1.querySelector('.box_card_spec.flex_1');
    const card_info_species_and_other_item = box_card_spec_flex_1.querySelector('.card_info_species_and_other_item');
    const span = card_info_species_and_other_item.querySelector('span');
    return span.textContent.replace(/\s+/g, ' ').trim();
  };
  const getEffect = (parent) => {
    const flex_1 = parent.querySelector('.flex_1');
    const box_card_text_c_text_flex_1 = flex_1.querySelector('.box_card_text.c_text.flex_1');
    return box_card_text_c_text_flex_1.textContent.trim();
  };
  let resultJson = [];
  const searchResultCards = doc.querySelectorAll('.t_row.c_normal.open');
  for (const searchResultCard of searchResultCards) {
    resultJson.push({ 
      name: getCardName(searchResultCard)
      , detail: getDetail(searchResultCard)
      , effect: getEffect(searchResultCard) 
    });
  }
  const textArea = document.createElement('textarea');
  textArea.value = JSON.stringify(resultJson, null, 2);;
  document.body.appendChild(textArea);
  textArea.style.position = 'fixed';
  textArea.style.top = 0;
  textArea.style.left = 0;
  textArea.style.width = '2em';
  textArea.style.height = '2em';
  textArea.style.padding = 0;
  textArea.style.border = 'none';
  textArea.style.outline = 'none';
  textArea.style.boxShadow = 'none';
  textArea.style.background = 'transparent';
  textArea.select();
  document.execCommand('copy');
  document.body.removeChild(textArea);
  alert('copied to clipboard');
})();

  <div id="cardContainer"></div>
  <div class="textarea-container">
    <h3>A</h3>
    <textarea id="aArea" readonly></textarea>
  </div>
  <div class="textarea-container">
    <h3>b</h3>
    <textarea id="bArea" readonly></textarea>
  </div>
  <div class="textarea-container">
    <h3>c</h3>
    <textarea id="cArea" readonly></textarea>
  </div>
  <div class="textarea-container">
    <h3>d</h3>
    <textarea id="dArea" readonly></textarea>
  </div>
  <div class="textarea-container">
    <h3>e</h3>
    <textarea id="eArea" readonly></textarea>
  </div>
  <div class="textarea-container">
    <h3>f</h3>
    <textarea id="fArea" readonly></textarea>
  </div>
  <div class="textarea-container">
    <h3>g</h3>
    <textarea id="gArea" readonly></textarea>
  </div>
  <div class="textarea-container">
    <h3>h</h3>
    <textarea id="hArea" readonly></textarea>
  </div>
  <div class="textarea-container">
    <h3>未分類</h3>
    <textarea id="noneArea" readonly></textarea>
  </div>
<button id="jumpButton">↓</button>
<button id="progressButton">%</button>

.cardContainer {
    background-color: #c8c8cb;
    margin: 0;
    padding: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, sans-serif;
}
#jumpButton {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 50px;
    height: 50px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 50%;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: background-color 0.3s;
}
.jumpButton:hover {
    background-color: #0056b3;
}
#progressButton {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 50%;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: background-color 0.3s;
}
.progressButton:hover {
    background-color: orange;
}
.card {
    margin-bottom: 25px;
    background-color: #c8c8cb;
    /*background-color: red;*/
}
.textarea-container {
    margin-top: 20px;
}
textarea {
    width: 100%;
    height: 200px;
}
.marked {
    background-color: #d8f255;
}

const cardData =
[
  {
    "name": "海瀧竜華－淵巴",
    "detail": "【 海竜族 ／ 効果 】",
    "effect": "このカード名の①②③の効果はそれぞれ１ターンに１度しか使用できない。①：このカードを手札から捨てて発動できる。デッキから「登竜華海瀧門」１枚を手札に加える。②：「海瀧竜華－淵巴」以外のモンスターが手札・デッキから２体以上墓地へ送られたターンの自分メインフェイズに発動できる。このカードを墓地から特殊召喚する。③：自分フィールドの表側表示の「登竜華海瀧門」１枚をデッキの一番下に戻して発動できる。相手の手札を全て除外し、その枚数分だけ相手はドローする。"
  },
  {
    "name": "DDDD超次元統皇ゼロ・パラドックス",
    "detail": "【 悪魔族 ／ 特殊召喚 ／ ペンデュラム ／ 効果 】",
    "effect": "このカードは通常召喚できず、このカードの効果でのみ特殊召喚できる。①：自分がモンスターをP召喚した時、自分のPゾーンのPスケールの合計がP召喚したモンスターのレベルの合計を超えていれば発動できる。このカードを手札から特殊召喚し、フィールドの他のカードを全て破壊する。その後、このカードを自分のPゾーンに置く事ができる。②：１ターンに１度、自分フィールドの他の表側表示の「DDD」モンスターが魔法カードの効果でフィールドから離れた場合に発動する。このカードの攻撃力は６０００になる。"
  },
  {
    "name": "流星連打－シロクロイド",
    "detail": "【 機械族 ／ 効果 】",
    "effect": "このカード名の①の効果は１ターンに１度しか使用できない。①：５回以上攻撃宣言されたターンのバトルフェイズに発動できる。このカードを手札から特殊召喚する。この効果は相手ターンでも発動できる。②：このカードが戦闘を行うダメージステップの間、このカードの攻撃力は、このターンにターンプレイヤーが攻撃宣言した回数×１０００アップする。"
  }
];
const cardContainer = document.getElementById('cardContainer');
const aArea = document.getElementById('aArea');
const bArea = document.getElementById('bArea');
const cArea = document.getElementById('cArea');
const dArea = document.getElementById('dArea');
const eArea = document.getElementById('eArea');
const fArea = document.getElementById('fArea');
const gArea = document.getElementById('gArea');
const hArea = document.getElementById('hArea');
const noneArea = document.getElementById('noneArea');

cardData.forEach((card, index) => {
  const cardDiv = document.createElement('div');
  cardDiv.className = 'card';
  const highlightedSplittedText = card.effect.replace(/手札/g, '手札').split('。').join('。
');
  cardDiv.innerHTML = `
    
${highlightedSplittedText}
      a 無効系
      b 除去系
      c ドロー系
      d ルール干渉
      e その他妨害
      f 墓地メタ
      g 戦闘関係
      h 手札誘発ではない
  `;
  cardContainer.appendChild(cardDiv);
});
const saveJudgment = (index, judgment, button) => {
  const judgments = JSON.parse(localStorage.getItem('judgments')) || {};
  judgments[cardData[index].name] = judgment;
  localStorage.setItem('judgments', JSON.stringify(judgments));

  const buttons = button.parentElement.querySelectorAll('button');
  buttons.forEach(btn => btn.classList.remove('marked'));

  button.classList.add('marked');
  updateTextAreas();
  updateProgressButton();
}
const updateTextAreas = () => {
  const judgments = JSON.parse(localStorage.getItem('judgments')) || {};
  let aCards = [];
  let bCards = [];
  let cCards = [];
  let dCards = [];
  let eCards = [];
  let fCards = [];
  let gCards = [];
  let hCards = [];
  let noneCards = [];
  cardData.forEach((card, index) => {
    const cardDiv = cardContainer.children[index];
    const buttons = cardDiv.querySelectorAll('button');
    buttons.forEach(button => button.classList.remove('marked'));

    if (judgments[card.name] === 'a') {
      aCards.push(card);
      buttons[0].classList.add('marked');
    } else if (judgments[card.name] === 'b') {
      bCards.push(card);
      buttons[1].classList.add('marked');
    } else if (judgments[card.name] === 'c') {
      cCards.push(card);
      buttons[2].classList.add('marked');
    } else if (judgments[card.name] === 'd') {
      dCards.push(card);
      buttons[3].classList.add('marked');
    } else if (judgments[card.name] === 'e') {
      eCards.push(card);
      buttons[4].classList.add('marked');
    } else if (judgments[card.name] === 'f') {
      fCards.push(card);
      buttons[5].classList.add('marked');
    } else if (judgments[card.name] === 'g') {
      gCards.push(card);
      buttons[6].classList.add('marked');
    } else if (judgments[card.name] === 'h') {
      hCards.push(card);
      buttons[7].classList.add('marked');
    } else {
      noneCards.push(card);
    }
  });


  aArea.value = JSON.stringify(aCards,
    null,
    2);
  bArea.value = JSON.stringify(bCards,
    null,
    2);
  cArea.value = JSON.stringify(cCards,
    null,
    2);
  dArea.value = JSON.stringify(dCards,
    null,
    2);
  eArea.value = JSON.stringify(eCards,
    null,
    2);
  fArea.value = JSON.stringify(fCards,
    null,
    2);
  gArea.value = JSON.stringify(gCards,
    null,
    2);
  hArea.value = JSON.stringify(hCards,
    null,
    2);
  noneArea.value = JSON.stringify(noneCards,
    null,
    2);
}
const updateProgressButton = () => {
  console.log('進捗率を更新します');
  console.log(cardData.length);
  console.log(JSON.parse(noneArea.value).length);
  const done = cardData.length - JSON.parse(noneArea.value).length;
  console.log(done);
  const donePercent = (done / cardData.length) * 100; // パーセント表示のために100を掛ける
  console.log(donePercent);
  progressButton.textContent = `${Math.round(donePercent)}%`; // 小数点以下2桁で表示
};
const jumpButton = document.getElementById('jumpButton');
jumpButton.addEventListener('click', () => {
  const noneAreaText = JSON.parse(noneArea.value);


  console.log('noneArea:', noneAreaText); // デバッグ用にログ出力

  // noneAreaが配列で、かつ空でないかを確認
  if (!Array.isArray(noneAreaText) || noneAreaText.length === 0) {
    console.error('noneArea is not an array or it is empty');
    return;
  }

  const noneAreaFirstStatement = noneAreaText[0];
  console.log('noneAreaFirstStatement:', noneAreaFirstStatement); // デバッグ用にログ出力

  // noneAreaFirstStatementが定義されているか、textプロパティが存在するかを確認
  if (!noneAreaFirstStatement || !noneAreaFirstStatement.effect) {
    console.error('noneAreaFirstStatement is undefined or effect property is missing');
    return;
  }

  const noneAreaFirstEffect = noneAreaFirstStatement.effect;
  console.log('noneAreaFirstEffect:', noneAreaFirstEffect); // デバッグ用にログ出力

  const elements = document.querySelectorAll('p'); // 全エレメントを取得
  let targetElement = null;
  elements.forEach(element => {
    if (element.textContent.includes(noneAreaFirstEffect)) {
      targetElement = element;
      console.log('targetElement:', targetElement); // デバッグ用にログ出力
    }
  });

  if (targetElement) {
    targetElement.scrollIntoView({
      behavior: 'smooth'
    });
  }
});
document.addEventListener('DOMContentLoaded', () => {
  updateTextAreas();
  updateProgressButton();
})

[
  {
    "name": "ゴルゴニック・ガーゴイル",
    "text": "自分が岩石族モンスターの召喚に成功した時、このカードを手札から特殊召喚できる。"
  },
  {
    "name": "影無茶ナイト",
    "text": "自分がレベル３モンスターの召喚に成功した時、このカードを手札から特殊召喚できる。このカードはシンクロ素材にできない。"
  },
  {
    "name": "シンクロ・マグネーター",
    "text": "このカードは通常召喚できない。自分がシンクロモンスターのシンクロ召喚に成功した時、このカードを手札から特殊召喚する事ができる。"
  },
  {
    "name": "幻蝶の刺客オオルリ",
    "text": "このカードは通常召喚できない。自分が戦士族モンスターの召喚に成功した時、このカードを手札から特殊召喚できる。このカードはシンクロ素材にできない。"
  },
  {
    "name": "エーリアン・ドッグ",
    "text": "自分が「エーリアン」と名のついたモンスターの召喚に成功した時、このカードを手札から特殊召喚できる。この効果で特殊召喚に成功した時、相手フィールド上に表側表示で存在するモンスターにAカウンターを２つ置く。"
  },
  {
    "name": "BK リベージ・ガードナー",
    "text": "手札または墓地のこのカードをゲームから除外し、自分フィールド上の「BK」と名のついたモンスター１体を選択して発動できる。選択したモンスターを次の自分のスタンバイフェイズ時までゲームから除外する。この効果は相手ターンでも発動できる。"
  },
  {
    "name": "黄血鬼",
    "text": "自分がエクシーズ召喚に成功した時、このカードを手札から特殊召喚できる。また、１ターンに１度、自分フィールド上のエクシーズ素材を１つ取り除き、フィールド上のエクシーズモンスター１体を選択して発動できる。選択したモンスターのランクを１つ下げ、攻撃力は３００ポイントダウンする。"
  },
  {
    "name": "アーティファクト－ラブリュス",
    "text": "このカードは魔法カード扱いとして手札から魔法＆罠カードゾーンにセットできる。魔法＆罠カードゾーンにセットされたこのカードが相手ターンに破壊され墓地へ送られた時、このカードを特殊召喚する。また、「アーティファクト」と名のついたカードが破壊され、自分の墓地へ送られた時に発動できる。このカードを手札から特殊召喚する。"
  },
  {
    "name": "空炎星－サイチョウ",
    "text": "自分フィールド上の「炎星」と名のついたモンスターが戦闘を行うダメージ計算時に１度だけ、自分フィールド上に表側表示で存在する「炎舞」と名のついた魔法・罠カード１枚と手札の「炎星」と名のついたモンスター１体を墓地へ送って発動できる。戦闘を行う自分のモンスターの攻撃力は、そのダメージ計算時のみ墓地へ送ったモンスターの元々の攻撃力分アップする。"
  },
  {
    "name": "デスルークデーモン",
    "text": "このカードのコントローラーは自分のスタンバイフェイズ毎に５００ライフポイントを払う。このカードが相手のコントロールするカードの効果の対象になり、その処理を行う時にサイコロを１回振る。３が出た場合、その効果を無効にし破壊する。自分フィールド上の「ジェノサイドキングデーモン」が破壊され墓地に送られた時、このカードを手札から墓地に送る事で、その「ジェノサイドキングデーモン」１体を特殊召喚する。"
  }
]

[
  {
    "name": "レッド・ウルフ",
    "text": "①：自分が「リゾネーター」モンスターを召喚した時に発動できる。このカードを手札から特殊召喚する。この効果で特殊召喚したこのカードの攻撃力は半分になる。"
  },
  {
    "name": "カゲトカゲ",
    "text": "このカードは通常召喚できず、このカードの効果で特殊召喚できる。このカードはS素材にできない。①：自分がレベル４モンスターの召喚に成功した時に発動できる。このカードを手札から特殊召喚する。"
  },
  {
    "name": "銀翼のAXE－サリー",
    "text": "このカード名の効果は１ターンに１度しか使用できない。①：フィールドの表側表示モンスター１体を対象として発動できる。自分の手札・フィールドからこのカードを攻撃力・守備力１００アップの装備カード扱いとしてそのモンスターに装備する。この効果は相手ターンでも発動できる。"
  }
]

[
  {
    "name": "ゼンマイシャーク",
    "text": "①：自分フィールドの「ゼンマイ」モンスターが召喚・特殊召喚された時に発動できる。このカードを手札から特殊召喚する。②：１ターンに１度、以下の効果から１つを選択して発動できる。●このカードのレベルをターン終了時まで１つ上げる。●このカードのレベルをターン終了時まで１つ下げる。"
  },
  {
    "name": "カオス・ネフティス",
    "text": "このカードは通常召喚できず、このカードの効果でのみ特殊召喚できる。このカード名の①の効果は１ターンに１度しか使用できない。①：このカードが手札・墓地に存在し、フィールドのカードが効果で破壊された場合、自分の墓地から「カオス・ネフティス」以外の光属性と闇属性のモンスターを１体ずつ除外して発動できる。このカードを特殊召喚する。②：このカードが特殊召喚に成功した場合、相手フィールドのカード１枚と相手の墓地のカード２枚を対象として発動できる。そのカードを除外する。"
  },
  {
    "name": "ノクトビジョン・ドラゴン",
    "text": "このカード名の①②の効果はそれぞれ１ターンに１度しか使用できない。①：自分フィールドにドラゴン族・闇属性モンスターが特殊召喚された場合に発動できる。このカードを手札から特殊召喚する。②：このカードがL素材として墓地へ送られた場合に発動できる。自分は１枚ドローする。③：自分フィールドの裏側表示カードを対象とする魔法・罠・モンスターの効果を相手が発動した時、墓地のこのカードを除外して発動できる。その効果を無効にする。このターン、相手はその裏側表示カードを効果の対象にできない。"
  },
  {
    "name": "呪眼の眷属 バジリコック",
    "text": "このカード名の①②の効果はそれぞれ１ターンに１度しか使用できない。①：自分・相手ターンに、このカードが手札・墓地に存在し、自分フィールドに「呪眼」モンスターが存在する場合に発動できる。このカードを特殊召喚する。この効果で特殊召喚したこのカードは、フィールドから離れた場合に除外される。②：相手ターンに発動できる。自分フィールドのモンスターをリンク素材として「呪眼」リンクモンスター１体をリンク召喚する。その際、自分フィールドの「呪眼」装備魔法カードを「呪眼」モンスターとしてリンク素材にできる。"
  },
  {
    "name": "機皇帝ワイゼル∞－S・アブソープション",
    "text": "このカードは通常召喚できず、このカードの効果でのみ特殊召喚できる。このカード名の①の効果は１ターンに１度しか使用できない。①：相手ターンに、自分フィールドの表側表示の「機皇」モンスター１体を墓地へ送って発動できる。このカードを手札から特殊召喚する。②：このカードが特殊召喚に成功した場合、相手フィールドのモンスター１体を対象として発動できる。このターン、そのモンスターは攻撃できない。③：フィールドのカードを破壊する効果が発動した時、このカードをリリースして発動できる。その発動を無効にし破壊する。"
  },
  {
    "name": "鎧騎士竜－ナイト・アームド・ドラゴン－",
    "text": "このカード名の①②③の効果はそれぞれ１ターンに１度しか使用できない。①：自分がレベル５以上のドラゴン族モンスターを特殊召喚した場合に発動できる。このカードを手札から特殊召喚する。②：このカードが特殊召喚した場合に発動できる。このカードの属性・レベルは、自分の除外状態のドラゴン族モンスター１体と同じになる。③：このカードが墓地へ送られた場合、自分フィールドのドラゴン族モンスター１体を対象として発動できる（この効果の発動に対してお互いは効果を発動できない）。そのモンスターの攻撃力は１０００アップする。"
  }
]

[
  {
    "name": "原石竜インペリアル・ドラゴン",
    "text": "このカードは通常モンスター１体をリリースした場合のみ召喚できる。このカード名の①の効果は１ターンに１度しか使用できない。①：相手メインフェイズに、手札のこのカードを相手に見せて発動できる。「原石」モンスター１体の召喚を行う。②：このカードがアドバンス召喚した場合に発動できる。以下の効果をそれぞれ適用する。●相手フィールドの全てに表側表示モンスターの効果は無効化される。●種族か属性が、自分の墓地の通常モンスターのいずれかと同じとなる相手フィールドのモンスターを全て除外する。"
  }
]

[
  {
    "name": "TG ワーウルフ",
    "text": "①：レベル４以下のモンスターが特殊召喚された時に発動できる。このカードを手札から特殊召喚する。②：フィールドのこのカードが破壊され墓地へ送られたターンのエンドフェイズに発動できる。デッキから「TG ワーウルフ」以外の「TG」モンスター１体を手札に加える。"
  },
  {
    "name": "守護竜ガルミデス",
    "text": "このカード名の①②の効果はそれぞれ１ターンに１度しか使用できない。①：通常モンスターが自分の墓地へ送られた場合に発動できる。このカードを手札から特殊召喚する。②：このカードが墓地に存在する場合、手札からドラゴン族モンスター１体を墓地へ送って発動できる。このカードを手札に加える。"
  },
  {
    "name": "星騎士 リュラ",
    "text": "このカード名はルール上「セイクリッド」カードとしても扱う。このカード名の①②の効果はそれぞれ１ターンに１度しか使用できない。①：自分フィールドに「星騎士 リュラ」以外の「テラナイト」、「セイクリッド」モンスターが召喚された場合に発動できる。このカードを手札から特殊召喚する。②：このカードが召喚・反転召喚・特殊召喚に成功した場合に発動できる。デッキから「テラナイト」魔法カード１枚を手札に加える。"
  },
  {
    "name": "魔界劇団－メロー・マドンナ",
    "text": "このカード名の①③のモンスター効果はそれぞれ１ターンに１度しか使用できない。①：自分のPモンスターが戦闘で破壊された時に発動できる。このカードを手札から特殊召喚する。②：このカードの攻撃力は自分の墓地の「魔界台本」魔法カードの数×１００アップする。③：「魔界台本」魔法カードの効果が発動した場合に発動できる。デッキからレベル４以下の「魔界劇団」Pモンスター１体を特殊召喚する。この効果で特殊召喚したモンスターはエンドフェイズに持ち主の手札に戻る。"
  },
  {
    "name": "時空の雲篭",
    "text": "このカード名の①②③の効果はそれぞれ１ターンに１度しか使用できない。①：このカードがドロー以外の方法で手札に加わった場合に発動できる。このカードを特殊召喚する。②：このカードをリリースして発動できる。自分のデッキ・墓地から「時空の雲篭」以外の「タキオン」モンスター１体を特殊召喚する。③：このカードが手札・墓地に存在し、自分がドラゴン族Xモンスターを特殊召喚した場合、その内の１体を対象として発動できる。このカードをそのモンスターのX素材とする。"
  },
  {
    "name": "グングニールの影霊衣",
    "text": "「影霊衣」儀式魔法カードにより降臨。レベル７以外のモンスターのみを使用した儀式召喚でしか特殊召喚できない。「グングニールの影霊衣」の①②の効果はそれぞれ１ターンに１度しか使用できず、相手ターンでも発動できる。①：このカードを手札から捨て、自分フィールドの「影霊衣」モンスター１体を対象として発動できる。このターンそのモンスターは戦闘・効果では破壊されない。②：手札の「影霊衣」カード１枚を捨て、フィールドのカード１枚を対象として発動できる。そのカードを破壊する。"
  },
  {
    "name": "地霊媒師アウス",
    "text": "このカード名はルール上「霊使い」カードとしても扱う。このカード名の①②の効果はそれぞれ１ターンに１度しか使用できない。①：手札からこのカードと地属性モンスター１体を捨てて発動できる。元々の種族が捨てたモンスターのいずれかと同じで、攻撃力が１８５０以下の地属性モンスター１体をデッキから手札に加える。この効果の発動後、ターン終了時まで自分は地属性以外のモンスターの効果を発動できない。②：自分の地属性モンスターが戦闘で破壊された時に発動できる。このカードを手札から特殊召喚する。"
  },
  {
    "name": "祈りの女王－コスモクイーン",
    "text": "このカード名の①②の効果はそれぞれ１ターンに１度しか使用できない。①：フィールド魔法カードが発動した場合に発動できる。このカードを手札から守備表示で特殊召喚する。②：フィールドゾーンの表側表示カード１枚を対象とし、そのコントローラーによって以下の効果を発動できる。●自分：対象のカードを破壊し、破壊したカードとはカード名が異なるフィールド魔法カード１枚をデッキから手札に加える。●相手：対象のカードの効果をターン終了時まで無効にし、デッキからフィールド魔法カード１枚を手札に加える。"
  },
  {
    "name": "天獄の王",
    "text": "このカード名の①②の効果は１ターンに１度、いずれか１つしか使用できない。①：自分メインフェイズに発動できる。手札のこのカードを相手ターン終了時まで公開する。この効果で公開し続けている間、フィールドにセットされたカードは効果では破壊されない。②：セットされた魔法・罠カードが発動した場合に発動できる。このカードを手札から特殊召喚する。手札で公開されている状態でこの効果を発動した場合、さらにデッキから魔法・罠カード１枚を自分フィールドにセットできる。そのカードは次のターンのエンドフェイズに除外される。"
  },
  {
    "name": "電子光虫－レジストライダー",
    "text": "このカードをX召喚の素材とする場合、昆虫族モンスターのX召喚にしか使用できない。①：自分が昆虫族・レベル３モンスターの召喚に成功した時に発動できる。このカードを手札から特殊召喚する。その後、このカードとそのモンスターのレベルを５または７にできる。②：このカードが手札からの特殊召喚に成功した場合に発動できる。自分フィールドの昆虫族モンスター１体を選んで表示形式を変更する。③：フィールドのこのカードを素材としてX召喚したモンスターは以下の効果を得る。●このカードの攻撃力・守備力は１０００アップする。"
  },
  {
    "name": "タロンズ・オブ・シュリーレン",
    "text": "このカード名の①③の効果はそれぞれ１ターンに１度しか使用できない。①：相手ターンに、「タロンズ・オブ・シュリーレン」以外の自分フィールドの悪魔族・幻想魔族モンスター１体を対象として発動できる。そのモンスターを手札に戻し、このカードを手札から特殊召喚する。②：このカードがモンスターと戦闘を行う場合、その２体はその戦闘では破壊されない。③：自分のカードを対象とする効果を相手が発動した時、相手フィールドのモンスター１体を対象として発動できる。フィールドのこのカードを手札に戻し、そのモンスターを破壊する。"
  }
]

[
  {
    "name": "エッジインプ・サイズ",
    "text": "このカード名の①②の効果はそれぞれ１ターンに１度しか使用できない。①：相手メインフェイズに、手札のこのカードを相手に見せて発動できる。自分の手札・フィールドから、「デストーイ」融合モンスターカードによって決められた手札のこのカードを含む融合素材モンスターを墓地へ送り、その融合モンスター１体をEXデッキから融合召喚する。②：自分フィールドの「デストーイ」融合モンスターが戦闘・効果で破壊される場合、代わりに墓地のこのカードを除外できる。"
  }
]