JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<input class='input' type="text" value='Текст'>

CSS

input {
  color: red;
  font-size: 20px;
  font-style: italic; 
  background-color:black;
}


input {
  display: block; 
  height:40px;
  width: 150px;
  border-radius: 15px;
  padding: 0 15px;
}

JavaScript

/* $(document).on('click', $('input'), function () {
  $('input').attr('value', 'Нажал меня'); // просто отследить клик
  $("input").css("background-color", "green"); // стили
}) */

var myInput = document.getElementsByClassName("input")[0];
myInput.addEventListener("click", function styleMyInput() {
myInput.value = 'Нажал меня';
myInput.style.backgroundColor = 'green';
});