ホーム » map »

よさこい祭り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


素のJavaScriptをバニラという🫠 #javascript #code

cup of ice cream with sprinkles

素のJavaScriptをバニラというのですが、その事は割愛してJavaScriptのコードを初心者向けにブラウザのコンソール画面で動くJsコードを記載します。実行後、テキストファイルにでもペーストしてみてください🙄。たった一行でページ内のリンクアドレスを取得可能です。

copy([...document.querySelectorAll("a")].map(e=>e.href).join("\n"));

--タグ--
91,code,copy,document,href,javascript,join,js,map,querySelectorAll,アドレス,コード,コンソール,テキスト,バニラ,ファイル,ブラウザ,ページ,ペースト,リンク,一行,,初心者,割愛,取得,可能,実行,画面,,記載


サイトについて

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


RSS