Javascrript Wickeln Sie alle einzelnen Wörter in einem Spannwechsel -Tag, das auf ihrem ersten Buchstaben basiert

const words = document.querySelector("#words").outerText.split(" ");
const wordsDiv = document.querySelector("#words")

wordsDiv.innerHTML = ""
words.map((el) => {
  wordsDiv.innerHTML += `<span class="${el.substring(0, 1)}">${el}</span> `
})

<div id="words">red green blue orange</div>
SAMER SAEID