indexOf(currentEncoding);
		currentIndex++;
		if (currentIndex >= encodings.length) currentIndex = 0;
		clock.color.timeEncoding = encodings[currentIndex];

		clock.color.displayColor();

		this.innerHTML = `Current mode: ${clock.color.timeEncoding} <br> <p class="bold">Change</p>`;
	})

	explainerButton.addEventListener("click", function() {
		explainer.classList.toggle('closed');
	})
};
  </script>
</body>
</html>
