Autor Tema: JavaScript Acceso al texto del nodo con textContent getElementById CU01136E (Leído 2055 veces)

Pepote21 · « **en:** 06 de Junio 2017, 09:47 »

Hoa a todos. Os dejo mi código para el ejercicio CU01136E del curso básico de desarrollo web con JavaScript usando Notepad++ como editor.

Gracias. Un saludo.

Código: [Seleccionar]

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

        <script type="text/javascript"> 
            var nums=new Array(5);
			var resultados=[];
            var msg='Multiplicamos por tres los números introducidos: ';
			var nodoDiv=document.getElementById('vacio');
			var i=0;
            function gestionProceso(){
			    introDatos();
			    multiplicarPorTres(nums);		
		        mostrarResultados(msg,nodoDiv);
				
			}
			function introDatos(){
			    for(i=0;i<nums.length;i++){
			        var num=prompt('Introduzca el número '+(i+1)+': ');
				    nums[i]=Number(num);
			    }
			}
			function multiplicarPorTres(array){
			    for(i=0;i<array.length;i++){
			        resultados[i]=array[i]*3;
					msg=msg+array[i]+'*3= '+resultados[i]+', ';
				}
				alert(msg);
			}
			function mostrarResultados(mensaje,nodo){
			    nodo.textContent=mensaje;
			}
			
        </script>
    </head>
    <body>
 
		<h1>Ejercicio curso aprenderaprogramar.com</h1>
		<div id="vacio">
		    
		</div>
        <div style="color:blue;" id ="pulsador" onclick="gestionProceso()"> Probar </div>	
    </body>
</html>

Ogramar · « **Respuesta #1 en:** 25 de Junio 2017, 12:40 »

Buenas Pepote21 hay un problema con el código, al menos en el navegador en que yo lo he probado

Una vez se introducen los números, se muestra el resultado en una ventana de alert, pero lo que pedía el ejercicio era que se modificara el div y aparecieran los resultados en la propia página web, cosa que no ocurre

Deberías analizar por qué ocurre eso y corregirlo

Pista: quizás las cosas vayan porque hay que analizar cuándo se cargan los nodos, no puedes recuperar un nodo antes de que se haya cargado, quizás tenga que ver con esto.

Nota: recuerda no dejar partes de código no útiles como etiquetas style sin contenido o etiquetas script sin contenido, en este ejercicio ya las he borrado yo

Salu2

Pepote21 · « **Respuesta #2 en:** 25 de Junio 2017, 14:59 »

Hola Ogramar.
Es cierto. No me dí cuenta de que el resultado debía darse en el div y no en un alert. He corregido el ejercicio.
Sobre el script del body, repito, se debe a un codigo base pero actualmente ya lo estoy quitando, aunque hay algunos codigos ya presentados que aún lo llevan.
Gracias por todo.
Un saludo.

Ejercicio corregido

Código: [Seleccionar]

<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
           
        </style>
        <script type="text/javascript"> 
            var nums=new Array(5);
			var resultados=[];
            var msg='Multiplicamos por tres los números introducidos: ';
			
			var i=0;   
			function introDatos(){
			    for(i=0;i<nums.length;i++){
			        var num=prompt('Introduzca el número '+(i+1)+': ');
				    nums[i]=Number(num);
			    }
			}
			function multiplicarPorTres(array){
			    for(i=0;i<array.length;i++){
			        resultados[i]=array[i]*3;
					msg=msg+array[i]+'*3= '+resultados[i]+', ';
				}
				return msg;
			}
			function mostrarResultados(mensaje,nodo){
			    nodo.textContent=mensaje;
			}
			function gestionProceso(){
			    introDatos();
			    multiplicarPorTres(nums);
				var nodoDiv=document.getElementById('vacio');
		        msg=mostrarResultados(msg,nodoDiv);
				
			}
        </script>
    </head>
    <body>
		<h1>Ejercicio curso aprenderaprogramar.com</h1>
		<div id="vacio">
		    
		</div>
        <div style="color:blue;" id ="pulsador" onclick="gestionProceso()"> Probar </div>	
    </body>
</html>

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

Noticias: