JSFiddle - React, Tailwind, and code Playground

by Juan Muñoz

HTML

<div class='panel'>
    <input type='text' value='principal' class='saluda'/><br>
    <input type='button' class='button' value='Agregar' /><br>
    
    <span></span>
</div>

CSS

.button{
    color: #AE62E8;
    width:200px;
    height:20px;
    border:2 px solid;
    margin:5px
}

JavaScript

$(document).ready(function (){
    $('.button').click(function (){
        for (var i = 0 ; i < 10 ; i++ ){
            var input = "<input type='text' class='saluda' value=''/><br>";
            $('.panel').append(input);
        }
    });
    
    $('.saluda').live('keypress', function (){
        nuevafuncion($(this).val());
    });
    
    function nuevafuncion(texto){
    	$('span').text('Esta Escribiendo:'+texto);
    }
});