<input type="text" id="texto"> <p>Hola que tal</p> <p>Yo muy bien</p> <div id="resultado"></div> <button id="boton">Pulsar</button> <button id="mas">Añadir</button> <button id="eliminar">Eliminar</button>
$(function () { $('#boton').click(function () { $('p').animate({fontSize: "30px"}, 3000) .animate({fontSize: "10px"}, 3000) .animate({fontSize: "30px"}, 3000); }); $('#eliminar').click(function () { $('p:last-child').remove(); }); $('#mas').click(function () { // var div = $('#resultado').html(); // div += "<p>" + $('#texto').val() + "</p>"; // $('#resultado').html(div); $('#resultado').append("<p>" + $('#texto').val() + "</p>") $('#texto').val(''); $('p').click(function () { $(this).remove(); }); }); $('#texto').keyup(function (event) { if (event.keyCode === 13) { $('#mas').click(); } }); });