Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: 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.
<!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>
-
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
-
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
<!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>