素のJavaScriptをバニラという🫠 #javascript #code
素のJavaScriptをバニラというのですが、その事は割愛してJavaScriptのコードを初心者向けにブラウザのコンソール画面で動くJsコードを記載します。実行後、テキストファイルにでもペーストしてみてください🙄。たった一行でページ内のリンクアドレスを取得可能です。
copy([...document.querySelectorAll("a")].map(e=>e.href).join("\n"));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");
}
BMIの計算をjavascriptで書いてみるとこんな感じです?
BMIの計算をjavascriptで書いてみるとこんな感じです?、まだソースコードを短縮化出来そうな気がしますがひとまずこれでリリースします。
https://9up.me/js_mode/d0/
?余談：
このサイトがまだ始めて数日しか経過していないので検索にはあまりヒットしないと思いますが、毎日、更新を行っていこうと思います。アクセス数UPの秘薬はなくてSEO対策が行えている記事を量産することにあります。結局、毎日の更新して記事を拾ってくれるのを待つだけです。あとはバズるのを待つとかになります。
var kg = cm = 0;
document.getElementById("kg").addEventListener("input",data);
document.getElementById("cm").addEventListener("input",data);
function data(){
let x = this.value?parseInt(this.value):0;
if(this.id==="kg"){
kg = x;
}
if(this.id==="cm"){
cm = x/100;
}
document.getElementById("print").innerHTML = (()=>{
return ((kg/(cm*cm)))!="Infinity"?"BMI="+ ((kg/(cm*cm))):"BMI=未計算";
})();
}RSS