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() {   
     var text = $(this).val().toLowerCase();
     switch (text) {
         case "kittens":
             $('#change').text("kittens");
             break;
         case "puppies":
             $('#change').text("puppies");
             break;
         default:
             $('#change').text("neither kittens nor puppies");    
             break;
     }
 });