ホーム » quot »

よさこい祭り2023参加チーム一覧

https://yosakoi-video.com/yosakoi2023/ JSONデータ有り🐜

//yosakoi-2023
let hasData = async()=>{
   let response = await fetch("./assets/yosakoi2023.json");
   if(!response.ok){
        throw new Error("E");
   }
   let data = await response.json();
   return data;
};
(async()=>{
    let data = await hasData();
    var str = "<table class='table table-striped'>"
    str+= `<tr><th>チーム名</th><th>受付番号</th></tr>`;
    str+= data.map(d=>{
        return `<tr><td>${d.name}</td><td>${d.no}</td></tr>`;
    }).join("");
    str = str + "</table'>";
    document.getElementById("yosakoi-2023").innerHTML = str;
})();

--タグ--
assets,async,await fetch,await hasData,await response.json,getElementById,gt,hasData,if,innerHTML,join,lt,map,quot,quot;yosakoi-2023&quot,response.ok,return,str,td&gt,yosakoi-2023 let


JSの再読み込み、これでスッキリかも。

JSの再読み込み、これでスッキリかもしれないですね。長々書く必要もなく…これで‥。
よろしくお願いします~~~~!

    <script class="js" src="./assets/main.js"></script>
    <script>
        [...document.querySelectorAll(".js")].forEach(elm=>{
            elm.setAttribute("src",elm.getAttribute("src") + "?" + (new Date).getTime());
        });
    </script>
https://twitter.com/taoka358/status/1602247843380572160

--タグ--
assets,document.querySelectorAll,elm,forEach,getAttribute,getTime,gt,js,js&quot,lt,new Date,quot,quot;js&quot,script class,script&gt,setAttribute,src,src&quot


久々のコード。時間をかけると熟されるより。

https://twitter.com/taoka_toshiaki/status/1590794463101980672
"use strict";
document.querySelector("button").addEventListener("click",jsandcssreload);
function jsandcssreload(){
    let d = (new Date()).getTime();
    [...document.querySelectorAll("link")].forEach((elm)=>{
        elm.href = elm.href.replace(/(\.css)\??[0-9]{0,}$/,".css?" + d);
    });
    [...document.querySelectorAll("script")].forEach((elm)=>{
        elm.src = elm.src.replace(/(\.js)\??[0-9]{0,}$/,".js?" + d);
    });    
}

https://gist.github.com/taoka-toshiaki/a4b8312d69631a7d00e86d3b33839019

--タグ--
0,9,addEventListener,button,click,CSS,Date,document,elm,forEach,function,getTime,gt,href,jsandcssreload,let,link,new,querySelector,querySelectorAll,quot,replace,script,strict,use,コード,久々,時間


サイトについて

雑記帳:ログとして書いています、良い記事があればシェアお願いします。


RSS