JSFiddle - React, Tailwind, and code Playground

HTML

<form class="form-inline" role="form" id="form-area" action="" method="POST">
        <input type="hidden" name="key" value="dept-area">
        <div class="form-group">
            <input type="text" class="form-control" name="data" placeholder="">
        </div>

        <button class="btn btn-default" id="btn-area">test</button>
    </form>

JavaScript

$("#btn-area").click( function(event) {
    
     
 event.preventDefault();
  
     alert("hello ");
  
					 			});