JSFiddle - React, Tailwind, and code Playground

HTML

<p id="change"></p>
<input type="text" id="query">

JavaScript

$('#change').text("nothing entered yet")
 
 $('#query').change(function() {   
     if ($("#query").val().toLowerCase() == "kittens") {
         $('#change').text("kittens")
     }
     else if ($("#query").val().toLowerCase() == "puppies") {
         $('#change').text("puppies")
     }
     else {
         $('#change').text("neither kittens nor puppies")
     }
 });