$("#namer input").on("change keyup paste", function() { var inputValue = $(this).val();

if (inputValue) {
    $(".namer-controls").addClass("active");
    $("#namer").addClass("active");
} else {
    $(".namer-controls").removeClass("active");
    $("#namer").removeClass("active");
}

});

$(document).on("click", ".namer-controls.active span", function() { var text = ""; var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; var len = document.getElementById("length").value; for( var i=0; i < len; i++ ){ text += possible.charAt(Math.floor(Math.random() * possible.length)); } $("#namer input").val(text); });

$(document).ready(function() { $("#namer-input input").focus(); });