Dance elements on a webpage

dance.js

const randBetween = (min, max) => Math.floor(Math.random() * max) + min;

const dance = () => {
	const all = document.body.querySelectorAll('*');

	return Array.prototype
		.slice.apply(all)
		.reduce(
			(promise, e) => promise.then(
				new Promise((resolve, reject) => setTimeout(() => {
					const top = randBetween(0, window.visualViewport.height);
					const left = randBetween(0, window.visualViewport.width);

					e.style.position = 'fixed';
					e.style.top = top + 'px';
					e.style.left = left + 'px';
					e.style.backgroundColor = 'transparent';
					e.style.overflow = 'visible';

					resolve();
				}, 10))
			), Promise.resolve()
		).then(() =>
			new Promise((resolve, reject) => {
				setTimeout(() => dance(), all * 15)
			})
		);
};

dance();

Array.prototype.slice.apply(
	document.querySelectorAll('a, button')
).forEach(
	(e) => e.addEventListener('click',
		(e) => e.preventDefault()
	)
);