Allen-B1/colorizer.html

## colorizer.html
<html>
<head><title>Colorizer</title></head>
<body>
<input type="text" id="input">
<div id="out"></div>
<script>
rc = () => "#" + (Math.random()).toString(16).slice(-6)

function color(text) {
	var out = ""
	for (let i = 0; i < text.length; i++) {
    	out += '<span style="color:' + rc() + '">' + text[i].replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;") + '</span>'
    }
    return out
}

document.getElementById("input").oninput = function() {
	document.getElementById("out").innerHTML = color(this.value)
}

document.onload = function() {
	document.getElementById("input").focus()
}
</script>
</body>
</html>
	<html>
	<head><title>Colorizer</title></head>
	<body>
	<input type="text" id="input">
	<div id="out"></div>
	<script>
	rc = () => "#" + (Math.random()).toString(16).slice(-6)

	function color(text) {
	var out = ""
	for (let i = 0; i < text.length; i++) {
	out += '<span style="color:' + rc() + '">' + text[i].replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">") + '</span>'
	}
	return out
	}

	document.getElementById("input").oninput = function() {
	document.getElementById("out").innerHTML = color(this.value)
	}

	document.onload = function() {
	document.getElementById("input").focus()
	}
	</script>
	</body>
	</html>