How to color eache character of a text?

Question

I wanted to color each character of an <h1> with random colors but I don't know how to assign those colors to the <h1> tag.

Answer 1

Use span to enclose each character

https://code.sololearn.com/WwLpwJetzg3f/?ref=app

Answer 2

You can try first, and check with this (rendering the letters with JavaScript) :
https://code.sololearn.com/WM0bz2TRKJOr/?ref=app

Answer 3

And also, this (adding random color to each letter by JavaScript) :

https://code.sololearn.com/WNphMYDZnoEJ/?ref=app

Answer 4

You'll need to use createElement() and appendChild()

https://code.sololearn.com/W0dEL7sP29qH/?ref=app

Answer 5

Gordon thank you again! I learned so if I implement this on a JavaScript I would use a for loop in the text of the title and use span tag in each character of it, right?

Answer 6

Gordon ok, thank you!