Intento crear un objeto el cual cada vez que pulse tab cambie a los colores del array que tengo definido, pero no me funciona.
¿Alguno podría ayudarme con la solución? Dejo el código que tengo, aunque sé que está mal.
</head>
<body>
<div class="pelotita"></div>
<script>
let colorPelotita = new Array('red', 'green', 'yellow', 'violet', 'pink', 'blue', 'black')
function cambiarColor(pColor) {
for (let posicion = 0; posicion < pColor.length; posicion++) {
document.querySelector('.pelotita').style.backgroundColor = `${pColor[posicion]}`
}
}
cambiarColor(colorPelotita)
function color(e) {
if (e.keyCode == '32') {
cambiarColor(colorPelotita)
}
}
window.onkeypress = color;
</script>
</body>
</html>