ホーム » 215 »

wordpressにも記載していきます。

wordpressにも記載していきます。このコードはnoteにも記載したコードになります。即時関数を使用した形のプログラミングコードです。

		document.getElementById("rectangle").innerHTML = (() => {
			let color = ["#17dad1", "#2199ff", "#ff215e", "#21ffeb", "#21ff5b", "#8ba091", "#dab017", "#da17cb", "#ffffff"];
			let str = "";
			for (key in color) {
				str += "<span style='color:" + color[key] + ";' class='color' data-color='" + color[key] + "'>■</span> ";
			}
			return str;
		})();
		let object = document.querySelectorAll(".color");
		for (const key in object) {
			if (Object.hasOwnProperty.call(object, key)) {
				const element = object[key];
				element.addEventListener("mouseover", function(e) {
					document.body.style.backgroundColor = this.getAttribute("data-color");
				});
			}
		}

--タグ--
017,091,1,17,21,215,2199,5,8,ba,cb,color,da,dab,dad,document,ff,ffeb,ffffff,for,getElementById,gt,in,innerHTML,key,let,lt,note,quot,rectangle,span,str,wordpress,コード,プログラミング,使用,即時,,記載,関数


サイトについて

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


RSS