Lazy loading Intersection Observer with Vanilla JS

.js

document.addEventListener("DOMContentLoaded", () => {
	const lazyImages = [...qall(".lazy-load")]
	if (!lazyImages) return;
	if ("IntersectionObserver" in window) {
	let lazyImageObserver =
		new IntersectionObserver((entries, observer) => {
			entries.forEach(entry => {
				if (entry.isIntersecting) {
					let lazyImage = entry.target;
					lazyImage.src = lazyImage.dataset.src;
					lazyImage.srcset = lazyImage.dataset.srcset;
					lazyImage.classList.remove("lazy-load");
					lazyImageObserver.unobserve(lazyImage);
				}
			});
		});
	lazyImages.forEach(lazyImage => {
		lazyImageObserver.observe(lazyImage);
	});
	}
});