Diferència entre revisions de la pàgina «Solucio botons celestials»
De wikiserver
| Línia 65: | Línia 65: | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| + | <!-- | ||
opció 3 | opció 3 | ||
| Línia 146: | Línia 125: | ||
<br> | <br> | ||
</body> | </body> | ||
| + | |||
| + | </source> | ||
| + | |||
| + | --> | ||
| + | |||
| + | <source lang="java"> | ||
| + | |||
| + | <!DOCTYPE html> | ||
| + | <!-- | ||
| + | To change this license header, choose License Headers in Project Properties. | ||
| + | To change this template file, choose Tools | Templates | ||
| + | and open the template in the editor. | ||
| + | --> | ||
| + | <html> | ||
| + | <head> | ||
| + | <title>TODO supply a title</title> | ||
| + | <meta charset="UTF-8"> | ||
| + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| + | <script type="text/javascript"> | ||
| + | |||
| + | function crearBotones() { | ||
| + | //Numero random de botones a crear | ||
| + | var max = Math.floor((Math.random() * 10) + 1); | ||
| + | for (var i = 0; i < max; i++) { | ||
| + | //Numero random para crear Angel o Demonio | ||
| + | var x = Math.floor((Math.random() * 2) + 1); | ||
| + | if (x === 1){ | ||
| + | crearAngel(); | ||
| + | } else { | ||
| + | crearDemonio() | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | |||
| + | function borrarBotones() { | ||
| + | var max = Math.floor((Math.random() * 5) + 1); | ||
| + | var content = document.getElementById("content"); | ||
| + | for (var i = 0; i < max; i++) { | ||
| + | //Creamos una array con todos los elementos button. | ||
| + | var but = document.getElementsByTagName("button"); | ||
| + | //Generamos un numero aleatorio entre 1 y el max de botones que hay creados. | ||
| + | var del = Math.floor((Math.random() * but.length) + 1) - 1; | ||
| + | //Eliminamos el boton. | ||
| + | content.removeChild(but[del]); | ||
| + | } | ||
| + | } | ||
| + | |||
| + | function crearAngel(){ | ||
| + | var btn = document.createElement("button"); | ||
| + | var contenido = document.createTextNode("Angel"); | ||
| + | btn.appendChild(contenido); | ||
| + | btn.addEventListener('click', crearBotones, false); | ||
| + | document.getElementById("content").appendChild(btn); | ||
| + | } | ||
| + | |||
| + | function crearDemonio(){ | ||
| + | var btn = document.createElement("button"); | ||
| + | var contenido = document.createTextNode("Demonio"); | ||
| + | btn.appendChild(contenido); | ||
| + | btn.addEventListener('click', borrarBotones, false); | ||
| + | document.getElementById("content").appendChild(btn); | ||
| + | } | ||
| + | |||
| + | </script> | ||
| + | </head> | ||
| + | <body> | ||
| + | <div id="content"> | ||
| + | <button onclick="crearBotones()">Angel</button> | ||
| + | <button onclick="borrarBotones()">Demonio</button> | ||
| + | </div> | ||
| + | </body> | ||
| + | </html> | ||
</source> | </source> | ||
Revisió del 20:32, 4 des 2017
HTML:
<html>
<head>
<script type="text/javascript" src="bceles.js"></script>
</head>
<body></body>
</html>Javascript:
window.listId = [];
window.numButton = -1;
function init(){
createButton("func0");
createButton("func1");
}
function func0(){
//angelet
var maxb = Math.floor(Math.random()*10);
for(i=0;i<maxb;i++){
createButton();
}
}
function func1(){
//diablet
var maxelements = Math.min(20,window.listId.length);
var numbuttondeleted = Math.floor(Math.random()*maxelements);
for(i=0;i<numbuttondeleted;i++){
deleteNode();
}
function deleteNode(){
var index = Math.floor(Math.random()*window.listId.length);
var delboton = document.getElementById(window.listId[index]+"");
delboton.parentNode.removeChild(delboton);
window.listId.splice(index,1);
}
}
function createButton(func){
var div = document.createElement("span");
div.setAttribute("id", window.numButton)
var b = document.createElement("button");
func = (func)? func : "func"+Math.floor(Math.random()*2);
b.onclick = function(){eval(func +"()");};
var t = document.createTextNode("b" + window.numButton);
b.appendChild(t);
div.appendChild(b);
document.body.appendChild(div);
window.listId.push(window.numButton);
window.numButton++;
}
window.onload = function(){init();};
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript">
function crearBotones() {
//Numero random de botones a crear
var max = Math.floor((Math.random() * 10) + 1);
for (var i = 0; i < max; i++) {
//Numero random para crear Angel o Demonio
var x = Math.floor((Math.random() * 2) + 1);
if (x === 1){
crearAngel();
} else {
crearDemonio()
}
}
}
function borrarBotones() {
var max = Math.floor((Math.random() * 5) + 1);
var content = document.getElementById("content");
for (var i = 0; i < max; i++) {
//Creamos una array con todos los elementos button.
var but = document.getElementsByTagName("button");
//Generamos un numero aleatorio entre 1 y el max de botones que hay creados.
var del = Math.floor((Math.random() * but.length) + 1) - 1;
//Eliminamos el boton.
content.removeChild(but[del]);
}
}
function crearAngel(){
var btn = document.createElement("button");
var contenido = document.createTextNode("Angel");
btn.appendChild(contenido);
btn.addEventListener('click', crearBotones, false);
document.getElementById("content").appendChild(btn);
}
function crearDemonio(){
var btn = document.createElement("button");
var contenido = document.createTextNode("Demonio");
btn.appendChild(contenido);
btn.addEventListener('click', borrarBotones, false);
document.getElementById("content").appendChild(btn);
}
</script>
</head>
<body>
<div id="content">
<button onclick="crearBotones()">Angel</button>
<button onclick="borrarBotones()">Demonio</button>
</div>
</body>
</html>
