JSFiddle - React, Tailwind, and code Playground
HTML
<input type="text" class="test">
<div class="result"></div>
JavaScript
const input = document.querySelector(".test");
const result = document.querySelector(".result");
input.onkeyup = input.oncopy = input.onpaste = input.oncut = function(value) {
if (event.target.value.substring(0, 1) === "G") { // Если первая буква G
event.target.style.color = "red"; // Меняем цвет текста на красный
} else {
event.target.style.color = "black"; // иначе возвращаем черный цвет текста
}
result.innerHTML = event.target.value; // Выводим вводимый текст в блок div
};