Autor Tema: JavaScript document.getElementsByTagName('div') modificar texto for in CU01136E (Leído 1885 veces)

paramonso · « **en:** 21 de Octubre 2017, 13:11 »

Hola Dejo la posible solución al ejercicio Ejercicio CU01136E NodeList JavaScript.
Diferencias de NodeList y array, del tutorial de programación web con JavaScript.

Código: [Seleccionar]

<!DOCTYPE html>
<html><head><title>Ejemplo aprenderaprogramar.com</title><meta charset="utf-8">

	
<script type="text/javascript">
	
/* ********************************************************** */
/* ********************* EJERCICIO ************************** */
/* ********************************************************** */
function ejemploForIn() {
	
	var msg='Multiplicamos por 3 los numeros introducidos :\n\n';
	var dato = [],numero,calcular;
	var nodoDiv = document.getElementsByTagName('div');
	
	for(i=1;i<=5;i++)
	{
		dato[i]=prompt("Entre un valor");
	}
	
	for(i in dato)
	{
		numero=Number(dato[i]);
		calcular=numero*3;
		msg=msg+'El Numero : '+numero+' X 3 = '+calcular+'\n\n';
	}

nodoDiv[0].textContent=msg;

}

</script>


<style type="text/css">
body {background-color:yellow; 
	font-family: sans-serif;  }
div{border:solid 1px red;margin-top:15px;}

p {font-size: 20px; 
	color: maroon; 
	float: left; 
	margin:5px; 
	border: solid black; 
	padding:5px;}

.boton, .boton2{padding:5px; 
				margin:15px;
				width: 205px;
				float:left; 
				text-align:center;border:solid;
				color: white; border-radius: 40px; 
				background: rgb(202, 60, 60);
				box-shadow:5px 5px 10px 5px black;}
				
.boton:hover,.boton2:hover{background-color:BurlyWood; 
	box-shadow:5px 5px 10px 5px grey;
	color:black;}
 
</style>

</head>
<body>
	<h1>Ejercicio curso aprenderaprogramar.com</h1>
<div id='cabecera'></div>
 
<h3 class='boton' onclick='ejemploForIn()'>Pulsa aquí</h3>

</body></html>

Gracias.

Ogramar · « **Respuesta #1 en:** 29 de Enero 2018, 18:05 »

Buenas, para poner título a los temas, debe hacerse según se indica en https://www.aprenderaprogramar.com/foros/index.php?topic=1460.0

El código cumple con lo que pedía el ejercicio.

Las declaraciones como var dato = [],numero,calcular; no las veo demasiado recomendables porque resultan un tanto confusas, aunque estén permitidas por el lenguaje. Veo más claro si se quiere:
var dato = [];
var numero, calcular;

Otra cosa que no veo adecuado es usar como nombre de variable calcular. calcular es más propio de nombre de función o método que de nombre de variable. Como nombre de variable resulta más lógico calculo, o resultadoCalculo, en lugar de calcular.

Salu2

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

Noticias: