JSFiddle - React, Tailwind, and code Playground

by Ersin Bilgin

HTML

<form id="search" class="search"><input class="searchTerm" placeholder="Filter Books..."><input class="searchButton" type="submit"></form>

 <div id="status"></div>

JavaScript

$('.searchTerm').keyup(function(e) {

    $("#status").text("");

    if (e.keyCode == 17)
        return false;




    if ($('.searchTerm').val().length > 0) {

        if (e.ctrlKey) {
            if (e.keyCode == 65 || e.keyCode == 97) { // 'A' or 'a'
                console.log("controll pressed");
                //alert("test");
                e.preventDefault();
                return false;
            }
        }

        $("#status").text("sent data to server");

    }


});