Solució botons-celestials-jquery-II
De wikiserver
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="https//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
$('.angelet,.diablet').click(function() {
var valor = Math.floor((Math.random() * 10) + 1); //genera el número de veces que desea crear o eleminar un botón.
for (var i = 0; i < valor; i++) {
if (Math.round(Math.random())) { //genera aleatoriamente un 0 ó 1
$('body').on('click', 'input.angelet', function() { //div es el padre y input.angelet los hijos que asocia un evento
if (Math.round(Math.random())) { //genera aleatoriamente un 0 ó 1 para crear o un angelet o un diablet
$('body').append('<input class="angelet" type="submit" value="angelet">')
} else {
$('body').append('<input class="diablet" type="submit" value="diablet">');
}
});
}
else {
$('body').on('click', 'input.diablet', function() {
$('input:last').remove();
});
}
}
});
});
</script>
<style>
</style>
</head>
<body>
<input class="angelet" type="submit" value="angelet">
<input class="diablet" type="submit" value="diablet">
</body>
</html>
