RSS RSS feeds give you a method to keep up with your favorite blogs news sites and other website RSS feeds may not be as popular as they once were but they re still quite relevant Also create RSS feeds for almost any webpage scrap important updates information For example RSS feed generators that let you select the elements on a page to monitor https rss app rss feed Following code programs simply show you how to get read RSS xml data feeds Popular list of JS HTML CSS news RSS feed sites to lookup https blog feedspot com javascript_rss_feeds Take a look at the tile example which uses the RSS feed details to populate a web tile page https notebook xbdev net index php page tiles let rssurl https lifehacker com rss You might have issues accessing certain RSS feeds using AJAX indirectly loading them to your page dueo to security restrictions i e CORS cross origin loading of content A workaround for this is to use an existing server which redirects the content to you e g https api rss2json com v1 api json rss_url https medium com feed sideshowbarker let d await fetch https api rss2json com v1 api json rss_url rssurl let j await d json json file is a bit big so to keep it small limit it to 500 characters console log JSON stringify j substring 0 1000 let rssurl https lifehacker com rss e g https api rss2json com v1 api json rss_url https medium com feed sideshowbarker let d await fetch https api rss2json com v1 api json rss_url rssurl let j await d json console log url j url console log title j title console log description j description console log items length j items length each item title pubDate link guid thumbnail author description let prom await fetch https rss art19 com apology line let text await prom text console log text substring 0 100 let parser new DOMParser let xmlDoc parser parseFromString text text xml console log xmlDoc const items xmlDoc querySelectorAll item console log items items items forEach el console log el link el querySelector link console log el description el querySelector description innerHTML substring 0 100 console log el title el querySelector title innerHTML const links xmlDoc querySelectorAll link console log link links links forEach el console log el link el innerHTML
0 characters console log JSON stringify j substring 0 1000 let rssurl https lifehacker com rss e g https api rss2json com v1 api json rss_url https medium com feed sideshowbarker let d await fetch https api rss2json com v1 api json rss_url rssurl let j await d json console log url j url console log title j title console log description j description console log items length j items length each item title pubDate link guid thumbnail author description let prom await fetch https rss art19 com apology line let text await prom text console log text substring 0 100 let parser new DOMParser let xmlDoc parser parseFromString text text xml console log xmlDoc const items xmlDoc querySelectorAll item console log items items items forEach el console log el link el querySelector link console log el description el querySelector description innerHTML substring 0 100 console log el title el querySelector title innerHTML const links xmlDoc querySelectorAll link console log link links links forEach el console log el link el innerHTML