毒鸡汤的网页嵌入版本

最近网上的的毒鸡汤项目很火,我就不部署了,直接嵌在页面中把。实现下面的效果,可以点击鸡汤刷新。

在需要展示的地方添加下面代码

<blockquote onclick="refresh()" id="soup"></blockquote>

在</body>前添加下面的代码。

<script>
    function  refresh() { fetch("https://dujitang.90so.net/api/soups")
            .then(function (response) {
                return response.json();
            })
            .then(function (soup) {
                console.log(soup.title);
                document.querySelector("#soup").innerHTML = soup.title;
            });}
    
    document.ready = refresh();
 </script>

所有的工作都是dujitang.90so.net的作者完成,我只是调一下他的接口而已。

发表评论