javascriptネイティブで書くことが多くなった。

下記のコードはサイト紹介で使用したコードの一部です。こんな感じにjavascriptネイティブでコードを書くことが多くなりました。脱jqueryしたいひとはこのサイトがおすすめです。https://www.willstyle.co.jp/blog/1025/ ?このサイトを見てもらえれば分かる通り、jqueryで書いたコードをjavascriptで書くとどうなるかを記載しています。

document.getElementById("site").innerHTML = list_make(site);
document.getElementById("sns").innerHTML = list_make(sns);
document.body.addEventListener("mousemove", (e) => {
    var x = e.clientX?e.clientX:0;
    var y = e.clientY?e.clientY:0;
    document.getElementById("fox").innerHTML = x + "/" + y;
});
document.body.addEventListener("touchmove", (e) => {
    var x = e.clientX?e.clientX:0;
    var y = e.clientY?e.clientY:0;
    document.getElementById("fox").innerHTML = x + "/" + y;
});

document.oncontextmenu = function () { return false; }

function list_make(v) {
    if (!(() => {
        var urlHash = location.hash;
        return urlHash === "#site-link" ? true : false;
    })()) {
        return "not found";
    }
    var hoge = [];
    for (var key in v) {
        hoge[key] = "<li><a href='" + v[key].url + "' name='" + v[key].name + "'>" + v[key].url + "</li>";
    }
    return hoge.join("\n");
}

--タグ--
1025,addEventListener,blog,body,client,co,document,getElementById,gt,https,innerHTML,javascript,jp,jquery,list,make,mousemove,quot,site,sns,var,willstyle,www,おすすめ,コード,こと,サイト,ネイティブ,ひと,一部,下記,使用,感じ,紹介,記載,通り


サイトについて

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


RSS