JSFiddle - React, Tailwind, and code Playground

HTML

<input id="texto"/>
<input type="submit" value="enviar" id="btnEnviar">
<br/>
<p id="resposta">

</p>

CSS

.green{
  color: green;
}

JavaScript

$('#btnEnviar').click(function(){
var texto = $('#texto').val();

var first = texto.charAt(0);

$('#resposta').html(texto);

if(first == '>'){
$('#resposta').addClass('green');
}else{
$('#resposta').removeClass('green');
}

});