Hola.
Dejo el ejercicio siguiendo las indicaciones que comentaste.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Ejemplo aprenderaprogramar.com</title><meta charset="utf-8">
<style type="text/css">
body {font-family: sans-serif; margin:25px;}
#pulsador {padding:15px; width: auto; display: inline-block; margin: 25px; cursor: pointer;
color: white; border-radius: 40px; background: rgb(202, 60, 60);}
#pulsador:hover{background: rgb(66, 184, 221);}
</style>
<script type="text/javascript">
function gestionProceso(){
var nodoDiv = document.getElementById('respuesta');
var cincoNumeros = pedirCincoNumeros();
var numerosMultiplicados = multiplicarPorCinco(cincoNumeros);
var msg = crearMensaje(numerosMultiplicados, cincoNumeros);
mostrarResultados(msg, nodoDiv);
}
function pedirCincoNumeros(){
var cincoNumeros = new Array;
for(var i=0; i<5; i++){
cincoNumeros[i] = prompt('Introduce un número: ');
cincoNumeros[i] = Number(cincoNumeros[i]);
}
return cincoNumeros;
}
function multiplicarPorCinco(cincoNumeros){
var numerosMultiplicados = new Array;
for(var i=0; i<5; i++){
numerosMultiplicados[i] = cincoNumeros[i]*5;
}
return numerosMultiplicados;
}
function crearMensaje(numerosMultiplicados, cincoNumeros){
var msg = 'Multiplicamos por 5 los número introducidos: ';
for(var i in cincoNumeros){
msg = msg + cincoNumeros[i] + '*5 = ' + (numerosMultiplicados[i]);
if(i!=3){
if(i!=4){
msg = msg + ', ';
}else{
msg = msg + '.';
}
}else{
msg = msg + ' y ';
}
}
return msg;
}
function mostrarResultados(msgParaMostrar, nodo){
nodo.textContent = msgParaMostrar;
}
</script>
</head>
<body>
<h1>Ejercicio curso aprenderaprogramar.com</h1>
<div id = "respuesta"></div>
<div id ="pulsador" onclick="gestionProceso()"> Empezar </div>
</body>
</html>
Tema: Ejemplo getElementsByTagName JavaScript. Diferencias NodeList y array CU01136E (Leído 3867 veces)
RSS -
WAP2