DOM/JS hur löser man röd text

Hej!

// Uppgift 1
let MyText = document.createTextNode('Hello World!')

let pTag = document.querySelector('#step01_hello')

pTag.appendChild(MyText)

// Uppgift 2
let newH2 = document.createElement('h2')

let newContent = document.createTextNode('This is a sub headline')

newH2.appendChild(newContent)

let currentDiv = document.getElementById('step02')
currentDiv.appendChild(newH2)

// Uppgift 3
let uppthree = document.createElement('h2')

let content = document.createTextNode('This is a sub headline')

uppthree.appendChild(content)

let newDiv = document.getElementById('step03')

let children = newDiv.childNodes

newDiv.insertBefore(uppthree, children[2])

//uppgift 4

let color = document.getElementsByClassName('red').style.color = 'red'

let fyra = document.getElementById('step04')

color.appendChild(fyra)

SÅ ser min kod ut i .js filen

<div id="step04">
<h2>Exercise 4</h2>
<p>
Change the color to "red" on the h2-element above (containing the text "Excercise 4")
</p>
</div>

detta är i html koden.

Jag ska byta så h2 taggarna ovanför uppgift 4 blir röd, vet inte riktigt hur jag ska göra detta, så skulle behöva hjälp om hur man löser detta om någon vet hur har gjort lite kod, men är helt ute och cyklar och har fastnat rejält på denna uppgift. precis börjat med JS och DOM

document.getElementsByClassName('red')

style.color = 'red'

document.getElementsByClassName('red')

Den hämtar väl .classen i css tror jag, allts classen red?

style.color = 'red'

Antar att man stylar koden till röd, är inte hundra :/

@Tazavoo: okok, hur hade du skrivit för att hämta den ur css filen?

let color = document.getElementsByClassName('red').style.color = 'red'
let fyra = document.getElementById('step04')
color.appendChild(fyra)

<h2>Exercise 4</h2>

element.style.color = 'önskad_färg'

Tack!

document.querySelector('#step04 h2').classList.add('red')

jag körde på det och det fungerade annars. Vet inte om det är det snyggaste eller bästa sättet men