如何在输入特殊单词时更改文本颜色

<div>
  Lorem ipsum dolor sit amet, <span class="special-word">consectetur</span> adipiscing elit.
</div>

.special-word {
  color: red;
}

const inputElement = document.getElementById('input');
const specialWordElements = document.getElementsByClassName('special-word');

inputElement.addEventListener('input', function() {
  const userInput = inputElement.value;

  // 判断输入的内容是否包含特殊单词
  if (userInput.includes('特殊单词')) {
    // 添加或移除类名，控制颜色的变化
    for (let i = 0; i < specialWordElements.length; i++) {
      specialWordElements[i].classList.add('highlight');
    }
  } else {
    for (let i = 0; i < specialWordElements.length; i++) {
      specialWordElements[i].classList.remove('highlight');
    }
  }
});

.special-word.highlight {
  color: blue;
}