fionera/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Random Hex Colors in XML</title>
</head>
<body>
	<label for="file-input">Select XML file:</label>
	<input type="file" id="file-input">
	<button id="randomize-btn" disabled>Randomize Hex Colors</button>
	<br><br>
	<div id="output"></div>

	<script>
		function generateRandomHexColor() {
			const hexChars = '0123456789ABCDEF';
			let color = '#';
			for (let i = 0; i < 6; i++) {
				color += hexChars[Math.floor(Math.random() * hexChars.length)];
			}
			return color;
		}

		function replaceHex(match) {
			let oldHex = match[0];
			let newHex = generateRandomHexColor();
			return isValidHexColor(newHex) ? newHex : oldHex;
		}

		function isValidHexColor(hexColor) {
			return /^#(?:[0-9a-fA-F]{3}){1,2}$/.test(hexColor);
		}

		function modifyHexColorsInXml(xmlString) {
			let modifiedString = xmlString.replace(/#[0-9a-fA-F]{3,6}/g, replaceHex);
			let parser = new DOMParser();
			let xmlDoc = parser.parseFromString(modifiedString, "application/xml");
			let xmlStringModified = new XMLSerializer().serializeToString(xmlDoc);
			return xmlStringModified;
		}

		let fileInput = document.getElementById('file-input');
		let randomizeBtn = document.getElementById('randomize-btn');
		let outputDiv = document.getElementById('output');

		fileInput.addEventListener('change', () => {
			randomizeBtn.disabled = false;
		});

		randomizeBtn.addEventListener('click', () => {
			let file = fileInput.files[0];
			let reader = new FileReader();
			reader.readAsText(file);
			reader.onload = () => {
				let xmlString = reader.result;
				let xmlStringModified = modifyHexColorsInXml(xmlString);
				outputDiv.innerText = xmlStringModified;
			};
		});
	</script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>Random Hex Colors in XML</title>
	</head>
	<body>
	<label for="file-input">Select XML file:</label>
	<input type="file" id="file-input">
	<button id="randomize-btn" disabled>Randomize Hex Colors</button>
	<br><br>
	<div id="output"></div>

	<script>
	function generateRandomHexColor() {
	const hexChars = '0123456789ABCDEF';
	let color = '#';
	for (let i = 0; i < 6; i++) {
	color += hexChars[Math.floor(Math.random() * hexChars.length)];
	}
	return color;
	}

	function replaceHex(match) {
	let oldHex = match[0];
	let newHex = generateRandomHexColor();
	return isValidHexColor(newHex) ? newHex : oldHex;
	}

	function isValidHexColor(hexColor) {
	return /^#(?:[0-9a-fA-F]{3}){1,2}$/.test(hexColor);
	}

	function modifyHexColorsInXml(xmlString) {
	let modifiedString = xmlString.replace(/#[0-9a-fA-F]{3,6}/g, replaceHex);
	let parser = new DOMParser();
	let xmlDoc = parser.parseFromString(modifiedString, "application/xml");
	let xmlStringModified = new XMLSerializer().serializeToString(xmlDoc);
	return xmlStringModified;
	}

	let fileInput = document.getElementById('file-input');
	let randomizeBtn = document.getElementById('randomize-btn');
	let outputDiv = document.getElementById('output');

	fileInput.addEventListener('change', () => {
	randomizeBtn.disabled = false;
	});

	randomizeBtn.addEventListener('click', () => {
	let file = fileInput.files[0];
	let reader = new FileReader();
	reader.readAsText(file);
	reader.onload = () => {
	let xmlString = reader.result;
	let xmlStringModified = modifyHexColorsInXml(xmlString);
	outputDiv.innerText = xmlStringModified;
	};
	});
	</script>
	</body>
	</html>