“javascrript envuelve todas las palabras individuales en una etiqueta de tramo basada en su primera letra” Código de respuesta

javascrript envuelve todas las palabras individuales en una etiqueta de tramo basada en su primera letra

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>