let t = document.querySelector('.test');
t.addEventListener('keypress', (e)=>{
e.target.innerHTML = e.target.value.replace(
/join/gim,
(m)=>{
return "<span style='color: red;'>"+m+"</span>"
}
);
});
<input type="text" class="test">
Объясните пожалуйста, как можно реализовать данную затею (т.е. изменение цвета НУЖНЫХ МНЕ слов в
input или к примеру в
textarea с помощью регулярных выражений) и почему при проверки данного инпута, и вводе ключевого слово join в коде html присутствует спан, который предназначен для замены цвета, НО замены цвета не происходит, т.е. если проинспектить инпут, с введённым мэтченным словом, то мы увидим,
<span style='color: red;'>join</span>!