JSFiddle - React, Tailwind, and code Playground

by tabalinas

HTML

<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-3.0.0.js"></script>
<input id="searchQuery" placeholder="Search..." type="text" data-bind="value: searchQuery, valueUpdate: 'afterkeydown', event: { keydown: searchQueryEntered }"/> 
<span data-bind="text: searchQuery"></span>

JavaScript

$(function() {
    
    var vm = {
        searchQuery: ko.observable(""),
        
        searchQueryEntered: function (value, event) {
            if (event.keyCode == 13) {
               console.log(vm.searchQuery());
            }
            return true;
        }
    }
    
    ko.applyBindings(vm);

});