const sentences = Array.from(document.querySelectorAll("span"));
const entries = Array.from(document.querySelectorAll("li"));

sentences.forEach((sentence) => {
	capitals(sentence);
});

entries.forEach((entry) => {
	capitals(entry);
});

function capitals(sentence) {
	let content = sentence.textContent.trim();

	if (content) {
		let first = content[0];
		let rest = content.substring(1);
		sentence.innerHTML = rest;

		let capital = document.createElement("span");
		capital.classList.add("first");
		capital.innerHTML = first;

		sentence.prepend(capital);
	}
}