Diferència entre revisions de la pàgina «Solució botons-celestials-jquery-II»
De wikiserver
(Es crea la pàgina amb «<source lang="java"> <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <script …».) |
|||
| Línia 1: | Línia 1: | ||
<source lang="java"> | <source lang="java"> | ||
| − | |||
<!DOCTYPE html> | <!DOCTYPE html> | ||
<html> | <html> | ||
| Línia 7: | Línia 6: | ||
<script src="https//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script> | <script src="https//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script> | ||
<script> | <script> | ||
| − | $(document).ready(function () { | + | $(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. | var valor = Math.floor((Math.random() * 10) + 1); //genera el número de veces que desea crear o eleminar un botón. | ||
| Línia 15: | Línia 14: | ||
if (Math.round(Math.random())) { //genera aleatoriamente un 0 ó 1 | 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 | 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 { | } else { | ||
| − | $(' | + | $('body').append('<input class="diablet" type="submit" value="diablet">'); |
} | } | ||
}); | }); | ||
| Línia 27: | Línia 24: | ||
else { | else { | ||
| − | + | ||
| − | $(' | + | $('body').on('click', 'input.diablet', function() { |
$('input:last').remove(); | $('input:last').remove(); | ||
| Línia 49: | Línia 46: | ||
<body> | <body> | ||
| − | <input | + | <input class="angelet" type="submit" value="angelet"> |
| − | <input | + | <input class="diablet" type="submit" value="diablet"> |
| − | + | ||
</body> | </body> | ||
</html> | </html> | ||
</source> | </source> | ||
Revisió de 15:43, 12 maig 2016
<!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>
