Autor Tema: JavaScript document.getElementsByTagName NodeList textContent de nodo CU01136E# (Leído 2578 veces)

Dimitar Stefanov · « **en:** 05 de Febrero 2016, 11:30 »

Posible solución del ejercicio CU01136E del curso JavaScript desde cero usando Notepad++ como editor.

A continuación expongo el código primer intento:

Código: [Seleccionar]

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>Curso JavaScript</title>
	<style type="text/css">
	body{
	text-align: center;
	}
	</style>
	<script type="text/javascript">
	function sumar(){
	var nodoDiv=document.getElementsByTagName('div');
	var Numero=[];
	msg='Multiplicamos por 3 los números introducidos: \n';
	var restantes=[5,4,3,2,1]
	for(i=0;i<5;i++){
	Numero[i]=Number(prompt('Introduce un número. Te quedan: '+restantes[i]+' por introducir'));
	msg=msg+Numero[i]+'*3='+Numero[i]*3+',          ';
	}
	nodoDiv[0].textContent=msg;
	}
	</script>
</head>
<body>
	<h1>Ejercicio curso aprenderaprogramar.com</h1>
	<div> </div>
	<input type="button" value="Probar ejercicio" onclick="sumar()"></input>
</body>
</html>

Gracias.

Ogramar · « **Respuesta #1 en:** 08 de Febrero 2016, 09:08 »

Buenas dimiste el ejercicio cumple a la perfección con lo solicitado

Hay un detalle para el que te voy a dar una recomendación

Has definido var restantes=[5,4,3,2,1]

Esto en programación nunca se hace por ser innecesario o redundante (o mejor dicho, solo se haría en casos especiales donde estuviera justificado).

Siempre que se tenga que contar o hacer operaciones repetitivas se usan bucles o los contadores de los bucles evitando crear nuevas variables. En este ejercicio lo haríamos así evitando tener que crear una variable adicional:

Código: [Seleccionar]

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>Curso JavaScript</title>
	<style type="text/css">
	body{
	text-align: center;
	}
	</style>
	<script type="text/javascript">
	function operar(){
	var nodoDiv=document.getElementsByTagName('div');
	var Numero=[];
	msg='Multiplicamos por 3 los números introducidos: \n';
	for(i=0;i<5;i++){
	Numero[i]=Number(prompt('Introduce un número. Te quedan: '+(5-i)+' por introducir'));
	msg=msg+Numero[i]+'*3='+Numero[i]*3+',          ';
	}
	nodoDiv[0].textContent=msg;
	}
	</script>
</head>
<body>
	<h1>Ejercicio curso aprenderaprogramar.com</h1>
	<div> </div>
	<input style="margin:20px;" type="button" value="Probar ejercicio" onclick="operar()"></input>
</body>
</html>

Salu2

Dimitar Stefanov · « **Respuesta #2 en:** 09 de Febrero 2016, 10:36 »

Buenas Ogramar,

es verdad. Podía haber evitado crear otra variable sólo por indicar el número restante de las operaciones. Tu has conseguido hacerlo con la variable del mismo bucle. Supongo que esto me pasa por falta de práctica. Espero un día poder darme cuenta de esos pequeños "errores". Gracias por corregirme el ejercico.

Saludos.

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: