記事をランダムに表示するボタン作った
2023-1-31 12:23:12 Author: furutsuki.hatenablog.com(查看原文) 阅读量:16 收藏

scrapboxのrandomボタンが好きなのではてなブログでも出したいと思って作った。うまくいっていれば→のサイドバーに出ています。

こういう感じのHTMLを書いて、HTMLモジュールってやつでおいている *1

<button onclick='javascript: fetch("/rss").then(r => r.text()).then(data => { const parser = new DOMParser(); return parser.parseFromString(data, "text/xml") }).then(dom => {const items = dom.querySelectorAll("channel>item"); const item = items[ Math.floor(Math.random() * items.length) ]; location.href = item.querySelector("link").innerHTML; })' style="font-size: 120%; border: none; background: none; cursor: pointer;">🔄</button>

後から考えると関連記事モジュールでも十分な気がする

*1:よくみると/rssの出力を雑にパースしているだけなので真に昔の記事は取れてない。うそランダムです


文章来源: https://furutsuki.hatenablog.com/entry/2023/01/31/132312
如有侵权请联系:admin#unsafe.sh