javaScript

js初心者さんのお勉強:思いつき写経。

js初心者さんのお勉強をvlogとして昨日撮りました。もっと簡略化できることはあるのだが、敢えてやらない自分がいます。自分のモットーに初心者さんでもわかるコードをという考えがあります。初心者さんに分かりやすいと言うことは馬鹿な自分にも分かりやすいという事です。ぱっと見て読みやすければ良いという事です。javascriptを本当に1から勉強中なんですね。本当に右も左も分からないのでググりながらお勉強しています。知らないと言ってもプログラミングの基本は知っているのでJS用の書き方やお作法を覚えているというような感じです。

ソースコードはこちら

let btn1 = function (e) {
	//btn2
	console.clear();
	console.log("btn1");
	let p = document.getElementsByTagName("p");
	let style1 = [["backgroundColor", "fontSize", "color"], ["#000000", "20px", "#ffffff"]];
	for (const key in p) {
		if (p.hasOwnProperty(key)) {
			const element = p[key];
			for (var i = 0; i < style1[0].length; i++) {
				element.style[style1[0][i]] = style1[1][i];
			}
		}
	}
};

let btn2 = function (e) {
	//btn2
	console.clear();
	console.log("btn2");
	let p = document.getElementsByTagName("p");
	let style2 = {
		backgroundColor: "#ffffff",
		fontSize: "20px",
		color: "#000000"
	};

	for (const key in p) {
		if (p.hasOwnProperty(key)) {
			const element = p[key];
			for (const key2 in style2) {
				element.style[key2] = style2[key2];
			}
		}
	}
};
document.body.style.backgroundColor = "#0b222b";
document.getElementById("btn1").addEventListener("click",btn1);
document.getElementById("btn2").addEventListener("click",btn2);

デモページ
https://zip358.com/tool/demo17/



The following two tabs change content below.
zip358と申します。 まったりWEB日誌を更新している中の人です? 趣味は映画鑑賞とブログ書きです、 こちらで生活できるようになるのが目標です。 ブックマークやシェアして頂けると励みになります。 どうぞよろしくお願い致します。

関連記事

  1. PHP

    ネームスペースの利点はこれだと思っている。

    ネームスペースの利点はこれだと思っている。複数人で開発とか…

  2. PHP

    PHPのインターフェイスとやら簡単に言えば。

    インターフェイスとはなんぞや?簡単に言えばこのメソッド名は…

  3. javaScript

    javascriptのアロー関数ってアレだな。

    javascriptのアロー関数ってアレだな、無名関数の省略…

  4. jquery

    WordPress自動日本語タグを吐き出しプラグインを作りました。

    WordPress自動日本語タグを吐き出しプラグインを作りました。…

  5. PHP

    月の満ち欠けPHPライブラリを書きました。ちょっと適当なアイコンで表示。

    月の満ち欠けPHPライブラリを書きました、ご自由にお使いください。…

2020年6月
 1
2345678
9101112131415
16171819202122
23242526272829
3031  

アクセスカウンター😅

とある高知県の気温や湿度

Twitter でフォロー

PAGE TOP