Necesito que a la hora de escribir en un input este se vea reflejado en oninput y que lo escrito cada letra tenga un color diferente
function miFuction(){
var x = document.getElementById("input").value;
document.getElementById("resultado").innerHTML= x;
}
(function(){
InputEvent.oninput(function(){
var coloruno=document.getElementById('color-uno');
var colordos= documet.getElementById('color-dos');
var colortres=document.getElementById('color-tres');
var colorcuatro=document.getElementById('color-cuatro');
var colorquinto=document.getElementById('color-cinco');
var colorseis=document.getElementById('color-sexta');
var letrasuno=["a","b","c","d"];
var letrasdos=["e","f","g","h"];
var letrastres=["i","j","k","l"];
var letrascuatro=["m","n","ñ","o"];
var letrascinco=["p","q","r","s","t"];
var letrasexta=["u","v","w","x","y","z"];
coloruno.style.color=letrasuno[Math.floor(Math.random() * letrasuno.length)];
colordos.style.color=letrasdos[Math.floor(Math.random() * letrasdos.length)];
colortres.style.color=letrastres[Math.floor(Math.random() * letrastres.length)];
colorcuatro.style.color=letrascuatro[Math.floor(Math.random() * letrascuatro.length)];
colorquinto.style.color=letrascinco[Math.floor(Math.random() * letrascinco.length)];
colorseis.style.color= letrasexta[Math.floor(Math.random() * letrasexta.length)];
}