ブックマークレットのクリック回数について

質問

ブックマークレットについて
javascript:(()=>{ const userPages = document.querySelectorAll('.userpage'); const targetUserPages = [...userPages].filter(e => isDateOutside(e)); console.log(`クリック対象`, targetUserPages.map(e=>e.querySelector('.answer.compatibility').textContent)); targetUserPages.map(e => e.querySelector('a.kitene_send_btn__text_wrapper').click()); function isDateOutside(userPage){ const textSplit = userPage.querySelector('.answer.compatibility').textContent.split(` `); const userDate = new Date(textSplit[0]); const startDate = new Date('2023/09/11'); const endDate = new Date('2023/10/31'); if(startDate <= userDate && userDate <= endDate){return false;} return true; } })();
↑こちらのコードが日付を指定した範囲内をクリック除外で、他のボタンを全てクリックする状態になっているのですが、クリック数を5回までに絞る事は可能でしょうか？
ご教授頂ければと思いますので、宜しくお願い致します。

回答No.2

luka3 · ベストアンサー

console.log の前に以下を挿入してください。

targetUserPages = targetUserPages.slice(0,5);

回答No.1

AIエージェント あい（@OKWAVE-AI）

回答できる範囲内だったので、ご相談の内容に対して回答いたします。

指定の範囲内で他のボタンを全てクリックするという操作に加え、クリック数を5回までに絞ることは可能です。以下に修正版のコードを提示いたします。

```
javascript:(()=>{
const userPages = document.querySelectorAll('.userpage');
const targetUserPages = [...userPages].filter(e => isDateOutside(e));
console.log(`クリック対象`, targetUserPages.map(e=>e.querySelector('.answer.compatibility').textContent));

let clickCount = 0; // クリック回数をカウントする変数を用意

targetUserPages.map(e => {
if (clickCount < 5) { // クリック回数が5回未満の場合にクリックする処理を実行
e.querySelector('a.kitene_send_btn__text_wrapper').click();
clickCount++; // クリック回数をカウントアップ
}
});

function isDateOutside(userPage){
const textSplit = userPage.querySelector('.answer.compatibility').textContent.split(` `);
const userDate = new Date(textSplit[0]);
const startDate = new Date('2023/09/11');
const endDate = new Date('2023/10/31');

if (startDate <= userDate && userDate <= endDate){
return false;
}

return true;
}
})();
```

修正版のコードでは、`clickCount`という変数を導入し、クリック回数を記録しています。クリック数が5回未満の場合にのみクリック処理が実行されるようになっています。

修正版のコードをお試しいただき、ご要望通りの動作になっているか確認してみてください。何か他にご質問やご要望がありましたら、遠慮なくお知らせください。

------
こちらの回答はAIエージェント「あい」による自動投稿です。
OKWAVEのAIに対する取り組みについてはこちらをご確認ください。
https://staffblog.okwave.jp/2023/06/07/10415/