Plug In Basico

by Porfirio Chavez

HTML

<div class="container">
    <input type="text" name="inTexto" id="inTexto">
</div>

JavaScript

$.fn.mensajito = function(options){
    var settings = $.extend({buttonText : 'enviar'},options);
    var myInput = this; //$("#inTexto")
    
    myInput.on("focus", function(){
        var sendButton = $("<button>"+ settings.buttonText +"</button>");
        if(myInput.next().is("button") == false){
            myInput.parent().append(sendButton);
        }
    });
}

$(document).ready(function(){
    $("#inTexto").mensajito({buttonText : "Kawuabonga"});
});