JSFiddle - React, Tailwind, and code Playground

by orchid1

HTML

<input id="movie-name">
<button id="submit-btn">Submit</button>

JavaScript

$(function ($){
       var deferred = new $.Deferred();
        $('#submit-btn').click(function () {
            var movieName = $('#movie-name').val();
             if(movieName ==''){
                 deferred.reject();
             }else{
                 deferred.resolve(movieName);
             }
        });

        deferred.fail(function () {
            console.log('you chose not to watch a movie');
        });
        deferred.done(function (movieName){
             console.log('you chose to watch ' + movieName);
        });
    });