Solucio botons celestials - Historial de revisió

Jnoguera: /* solució 3 */

2021-02-16T16:42:19Z

‎solució 3

Jnoguera: /* solució 3 */

2019-01-29T18:37:50Z

‎solució 3

Jnoguera: /* solució 3 */

2019-01-29T18:37:15Z

‎solució 3

Jnoguera a 18:35, 29 gen 2019

2019-01-29T18:35:32Z

Jnoguera a 19:32, 4 des 2017

2017-12-04T19:32:53Z

Jnoguera a 19:32, 4 des 2017

2017-12-04T19:32:14Z

Jnoguera a 14:21, 30 nov 2017

2017-11-30T14:21:33Z

Jnoguera a 14:21, 30 nov 2017

2017-11-30T14:21:11Z

Jnoguera a 22:14, 18 nov 2017

2017-11-18T22:14:08Z

Jnoguera a 14:17, 5 feb 2015

2015-02-05T14:17:13Z

@@ Línia 224: / Línia 224: @@
 			var text;
-                          f (m == 1) {
+                          if (m == 1) {
 			    text = document.createTextNode('Angelet');
 			    new_button.addEventListener('click', crea);

@@ Línia 224: / Línia 224: @@
 			var text;
-f (m == 1) {
+                         f (m == 1) {
 			    text = document.createTextNode('Angelet');
 			    new_button.addEventListener('click', crea);
-				 } else {
+		         } else {
 			    text = document.createTextNode('Diablet');
 			     new_button.addEventListener('click', borra);
-−
+				 }
 			     new_button.appendChild(text);

@@ Línia 209: / Línia 209: @@
 	<title>Botons Celestials</title>
 	<script type="text/javascript">
-		window.onload = function() {
+         window.onload = function() {
-			function borra() {
+		function borra() {
-				let n = Math.floor((Math.random() * 20) +1);
+			let n = Math.floor((Math.random() * 20) +1);
-				for (let i = 0; i < n; i++) {
+			for (let i = 0; i < n; i++) {
-					document.body.removeChild(document.body.lastChild);
+				}
+			}
-			function crea() {
+		function crea() {
-				let n = Math.floor((Math.random() * 10) +1);
+			let n = Math.floor((Math.random() * 10) +1);
-				for (let i = 0; i < n; i++) {
+			for (let i = 0; i < n; i++) {
-					let new_button = document.createElement('button');
+			let new_button = document.createElement('button');
-					let m = Math.floor((Math.random() * 2) +1);
+			let m = Math.floor((Math.random() * 2) +1);
-					var text;
+			var text;
-					if (m == 1) {
-						text = document.createTextNode('Angelet');
+f (m == 1) {
-						new_button.addEventListener('click', crea);
+			    text = document.createTextNode('Angelet');
-					} else {
+			    new_button.addEventListener('click', crea);
-						text = document.createTextNode('Diablet');
+				 } else {
-						new_button.addEventListener('click', borra);
+			    text = document.createTextNode('Diablet');
+					}
-					new_button.appendChild(text);
+			     new_button.appendChild(text);
-					document.body.appendChild(new_button);
+			 document.body.appendChild(new_button);
+				}
+			}

← Versió més antiga		Revisió del 18:35, 29 gen 2019
Línia 199:		Línia 199:
	</html>		</html>

		+	</source>
		+
		+	== solució 3==
		+
		+	<source lang="java">
		+	<!DOCTYPE html>
		+	<html>
		+	<head><meta charset="utf-8">
		+	<title>Botons Celestials</title>
		+	<script type="text/javascript">
		+	window.onload = function() {
		+	function borra() {
		+	let n = Math.floor((Math.random() * 20) +1);
		+	for (let i = 0; i < n; i++) {
		+	document.body.removeChild(document.body.lastChild);
		+	}
		+	}
		+	function crea() {
		+	let n = Math.floor((Math.random() * 10) +1);
		+	for (let i = 0; i < n; i++) {
		+	let new_button = document.createElement('button');
		+	let m = Math.floor((Math.random() * 2) +1);
		+	var text;
		+	if (m == 1) {
		+	text = document.createTextNode('Angelet');
		+	new_button.addEventListener('click', crea);
		+	} else {
		+	text = document.createTextNode('Diablet');
		+	new_button.addEventListener('click', borra);
		+	}
		+	new_button.appendChild(text);
		+
		+	document.body.appendChild(new_button);
		+	}
		+	}
		+
		+	document.getElementById('ang').addEventListener('click', crea);
		+
		+	document.getElementById('dem').addEventListener('click', borra);
		+	}
		+	</script>
		+	</head>
		+	<body>
		+	<button id="ang">Angelet</button>
		+	<button id="dem">Diablet</button>
		+	<br>
		+
		+	</body>
		+	</html>
	</source>		</source>

@@ Línia 1: / Línia 1: @@
 HTML:
 <source lang="java">
@@ Línia 129: / Línia 130: @@
 -->
+SOLUCIÓ 2
 <source lang="java">

@@ Línia 65: / Línia 65: @@
 opció 3
@@ Línia 146: / Línia 125: @@
 <br>
 </body>
 </source>

@@ Línia 86: / Línia 86: @@
 </div>
 <button id='creator'>Crear</button>
 </source>

← Versió més antiga		Revisió del 22:14, 18 nov 2017
Línia 62:		Línia 62:

	window.onload = function(){init();};		window.onload = function(){init();};
		+	</source>
		+
		+
		+	opció 2
		+
		+	<source lang="java">
		+	var i = 1;
		+	document.getElementById('creator').addEventListener('click',function(){
		+	var div = document.createElement('div');
		+	var text = document.createTextNode('New Div ' + i);
		+	div.appendChild(text);
		+	document.body.appendChild(div);
		+	i++;
		+	});
		+	document.addEventListener('click',function(e){
		+	// Fixed
		+	if(e.target.tagName.toLowerCase() === 'div'){
		+	console.log(e.target);
		+	}
		+	})
		+	<div>
		+	Div actual
		+	</div>
		+	<button id='creator'>Crear</button>
	</source>		</source>

@@ Línia 1: / Línia 1: @@
 HTML:
-<pre>
+<source lang="java">
 <html>
      <head>
@@ Línia 8: / Línia 8: @@
 </html>
-</pre>
+</source>
 Javascript:
-<pre>
+<source lang="java">
 window.listId = [];
 window.numButton = -1;
@@ Línia 62: / Línia 62: @@
 window.onload = function(){init();};
-</pre>
+</source>