Tengo una variable llamada "clases" y básicamente contiene clases como (manzanas, naranjas, uvas, mango) y esto proviene de un archivo txt y se almacena en una variable. Los elementos están impresos en la página web, pero quiero asignar a cada elemento del conjunto un color diferente y no puedo usar random() porque seguirá cambiando después de actualizar la página, lo que quiero lograr es asignar colores aleatorios a cada uno en el Conjunto y luego los colores deberían volverse estáticos y no deberían seguir cambiando después de eso.

¿Puede alguien ayudarme a lograr esto a través de html, css o javascript? Soy un principiante y tengo que lograr esta tarea rápidamente.

Gracias

...

 <p id="classname" ></p> #classname{ text-align: right; } classes = annotationline[8]; //pushing the elements in an array classarray.push(classes); //removing duplicates classset=new Set(classarray); console.log(classset); //printing it text = ""; classset.forEach (function(value) { text += value + "<br>"; }) document.getElementById("classname").innerHTML = text; classarray.length = 0; })

...