“JavaScrript envolta todas as palavras individuais em uma etiqueta de extensão com base em sua primeira letra” Respostas de código

JavaScrript envolta todas as palavras individuais em uma etiqueta de extensão com base em sua primeira 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>