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

Buenas Lorenzo.

El código hace todo lo que pide el ejercicio y como siempre con mucha claridad.

Saludos.

Otro más. Ejercicio CU01178E del curso JavaScript desde cero:

EJERCICIO
Escribe este código, ejecútalo y responde a las preguntas que aparecen a continuación.

function conversor(toUnit, factor, offset, input) {
    offset = offset || 0;
    return [((offset+input)*factor).toFixed(2), toUnit].join(" ");
}
 
var milesToKm = conversor.bind(undefined, 'km', 1.60936, 0);
var poundsToKg = conversor.bind(undefined, 'kg', 0.45460, 0);
var farenheitToCelsius = conversor.bind(undefined, 'gradosC',0.5556, -32);
 
alert(milesToKm(10));           
alert(poundsToKg(2.5));         
alert(farenheitToCelsius(98));

a) ¿Cuántas funciones ligadas (copias parametrizadas) de la función conversor se crean en este código?

Hay 3, milesTokm poundsToKg y farenheitToCelsius.
         

b) ¿Qué es lo que devuelve la función conversor?

Devuelve el resultado de la conversión de una unidad de medida a otra.
         

c) ¿Qué objeto actúa como this en la función milesToKm?

No está definido, así que ninguno.
         

d) ¿Qué tarea cumple y con qué fórmula trabaja la función milesToKm?

Crea una copia de la función conversor y le pasa los argumentos necesarios para que se ejecute.
         

e) ¿Qué tarea cumple y con qué fórmula trabaja la función poundsToKg?

Crea una copia de la función conversor y le pasa los argumentos necesarios para que se ejecute.
         

f) ¿Qué resultado devuelve milesToKm(10) y qué significa este resultado?

16.09 km, Es el resultado de transformar millas en kilómetros.
         

g) ¿Qué resultado devuelve poundsToKg(2.5) y qué significa este resultado?

1.14 kg, Es el resultado de transformar libras a kilos.
         

h) ¿Qué resultado devuelve farenheitToCelsius(98) y qué significa este resultado?

36.67 gradosC, Es el resultado de transformar grados farenheit en grados Centígrados.
         

i) ¿Qué significado tiene la expresión offset = offset || 0;?

Si offset no tiene ningún valor, valdrá 0.
         

j) ¿Cuál es la finalidad del uso de toFixed(2)?

Devuelve un String con el número o variable sobre el que se invoca el método con 2 decimales.
         

k) ¿Por qué crees que se usa el parámetro offset en la función conversor?

Porque hay funciones que para poder realizar la conversión necesitan un tercer dato.
         

l) Modifica el código para ampliar la información que se nos muestra: introduce un parámetro fromUnit en la función conversor de modo que el resultado nos informe del dato de origen, sus unidades, y el dato convertido y sus unidades.

function conversor(toUnit, factor, offset, fromUnit, input) {
offset = offset || 0;
return [input, fromUnit, 'son', ((offset+input)*factor).toFixed(2), toUnit].join(" ");
}
var milesToKm = conversor.bind(undefined, 'km', 1.60936, 0, 'millas');
var poundsToKg = conversor.bind(undefined, 'kg', 0.45460, 0, 'libras');
var farenheitToCelsius = conversor.bind(undefined, 'gradosC',0.5556, -32, 'gradosF');
alert(milesToKm(10));           
alert(poundsToKg(2.5));         
alert(farenheitToCelsius(98));

Saludos.

Hola otra vez,

Pero la manera en que lo resolví la primera vez es manualmente, ¿no?

comprobacion = comprobarDatos(formularios[1].nombre.value);

Lo que comentas sobre los id lo tengo claro, lo que pasa es que en un principio iban a ser dos html y al unirlos se me pasó cambiar id y name.

.

Hola, dejo otro ejercicio para revisar.

EJERCICIO
Crea un código HTML donde tengas un formulario con seis inputbox de texto que servirán para pedir al usuario Nombre, Apellidos, Correo electrónico, Teléfono, Domicilio y País. Crea el código JavaScript para que los elementos 1, 4, 7, 10 etc. del formulario tomen color de fondo amarillo cuando el usuario pulse sobre ellos. Los elementos 2, 5, 8, 11, etc. del formulario deberán tomar color de fondo azul claro cuando el usuario pulse sobre ellos. Los elementos 3, 6, 9, 12, 15, etc. del formularios deberán tomar color de fondo verde claro cuando el usuario pulse sobre ellos.

<!DOCTYPE html>
<html><head><title>Ejemplo aprenderaprogramar.com</title><meta charset="utf-8">
<style type="text/css"> label{display:block;margin:5px;}</style>
<script type="text/javascript">
window.onload = function () {
var formularios = document.forms;     
for (var i=0; i<formularios.length;i++){
for (var j=0; j<formularios[i].elements.length; j++){
if (formularios[i].elements[j].type=='text' && ((j+1)==1 || (j+1)%3==1)) {
formularios[i].elements[j].addEventListener('click', function(elEvento) {cambiaColor(elEvento, 'yellow', this);});
}else if(formularios[i].elements[j].type=='text' && ((j+1)==2 || (j+1)%3==2)){
formularios[i].elements[j].addEventListener('click', function(elEvento){cambiaColor(elEvento, 'cyan', this);});
}else{
formularios[i].elements[j].addEventListener('click', function(elEvento){cambiaColor(elEvento, 'MediumSpringGreen', this);});
}
}
}             
}

function cambiaColor (elEvento, elColor, quienEsThis) {
quienEsThis.style.backgroundColor=elColor;
}
</script>
</head>
<body><div id="cabecera"><h2>Cursos aprenderaprogramar.com</h2><h3>Ejemplos JavaScript</h3></div>
<form name ="formularioContacto" method="get" action="accion1.html">
<h2>Formulario de pruebas</h2>
<label>Nombre:<input id="nombre" type="text" name="nombre"/></label>
<label>Apellidos:<input id="apellidos" type="text" name="apellidos" /></label>
<label>Correo electrónico:<input id="email" type="text" name="email"/></label>
<label>Teléfono:<input id="tlf" type="text" name="tlf" /></label>
<label>Domicilio:<input id="domicilio" type="text" name="domicilio"/></label>
<label>País:<input id="pais" type="text" name="pais" /></label>
<label><input id ="botonEnvio1" type="submit" value="Enviar"></label>
</form>
</body>
</html>
Saludos.

Hola Boletos.

La solución la tienes en...
https://www.aprenderaprogramar.es/index.php?option=com_content&view=article&id=750:css-font-family-tipografia-tipos-de-letra-lista-de-tipos-font-variant-small-caps-shortand-font-cu01045d&catid=75:tutorial-basico-programador-web-css-desde-cero&Itemid=203

Aunque  si estas siguiendo el curso CSS, mejor no te adelantes y sigue paso a paso.


Saludos.

Hola Ogramar.

Sobre lo primero que comentas, la verdad que pensé que lo importante en el ejercicio era la forma de acceder a los elementos del formulario, por eso no profundicé mas en esa parte, y en cuanto a los segundo que comenta lo he resuelto de la siguiente forma, solo pongo la funcion...
function validacionDatosForm2(){
var comprobacion = false;
var msg='';
for(var i=0; i<formularioUsuario2.elements.length; i++){
comprobacion = comprobarDatos(formularioUsuario2[i].value)
if(!comprobacion){
msg += 'El campo ' + formularioUsuario2[i].name + ' está incompleto.\n';
}
}
if(msg!=''){
alert(msg);
return false;
}
}Intente hacerlo con...

for (i in formularioUsuario2.name ){}
y con un for normal
for(i=0; i< formularioUsuario2[i].name.lenght; i++){}
pero una vez que terminaba de leer los elementos name, no hacia nada mas, haciendo pruebas, formularioUsuario2.name.lenght me dá 18, lo cuál no consigo entender, así que agradecería que me alumbraras.

Gracias de antemano.

Si, ejecuté el código sin ningún error.

De todas formas la linea...

teclado.nextLine();//Limpiamos buffer de entrada
no es necesaria, porque el nextInt() que pretendes limpiar del buffer lo usas en otro método, por lo cual cuando el programa sale del método no queda nada en el buffer, a mi me funciona tanto con esa linea como sin ella.

Espero haberme explicado bien.

Saludos.

Saludos Lorenzo.

Lo veo todo bien.

Hola JoséLuis.

Tu código funciona perfectamente.

A seguir adelante.

Saludos.

Otro ejercicio mas, CU01176E.

Dado el siguiente código HTML:
<!DOCTYPE html>
<html><head><title>Ejemplo aprenderaprogramar.com</title><meta charset="utf-8">
<style type="text/css"> label{display:block;margin:5px;}</style>
</head>
<body><div id="cabecera"><h2>Cursos aprenderaprogramar.com</h2><h3>Ejemplos JavaScript</h3></div>
<div style="color:blue; margin:20px;" id ="ejemplo">Pulsa aquí</div>
<form name ="formularioContacto" method="get" action="accion1.html">
<h2>Formulario de contacto</h2>
<label>Nombre:<input id="nombreFormContacto" type="text" name="nombre" maxlength="4"/></label>
<label>Apellidos:<input id="apellidosFormContacto" type="text" name="apellidos" /></label>
<label><input id ="botonEnvio1" type="submit" value="Enviar"></label>
</form>
<form name ="formularioReclamacion" method="get" action="accion2.html">
<h2>Formulario de reclamación</h2>
<label>Motivo reclamación:<input id="motivoFormReclama" type="text" name="motivo" /></label>
<label>Fecha del hecho:<input id="fechaFormReclama" type="text" name="fecha" /></label>
<label><input id="botonEnvio2" type="submit" value="Enviar"></label>
</form>
</body>
</html>

Crea un script que recorra todos los elementos input dentro de cada uno de los formularios presentes y si son de tipo text, modifique su atributo asociado maxlength usando el método setAttribute de los objetos tipo Element para limitar a 8 el número máximo de caracteres que pueda introducir el usuario. Una vez modificado el atributo, muestra por pantalla el valor que tiene dicho atributo para todos los elementos de tipo input usando el método getAttribute.

<!DOCTYPE html>
<html>
<head>
<title>Ejercicio CU01176E aprenderaprogramar.com</title><meta charset="utf-8">
<style type="text/css"> label{display:block;margin:5px;}</style>
<script type="text/javascript">
window.onload = function () {
var ejemplo = document.getElementById('ejemplo');
ejemplo.addEventListener("click", ejecutarEjercicio);
}
function ejecutarEjercicio() {
var msg = '';
var formularios = document.forms;
for (var i=0; i<formularios.length;i++){
msg += '\n\nEn el formulario: ' + formularios[i].name;
for (var j=0; j<formularios[i].elements.length; j++){
if (formularios[i].elements[j].type=='text' ) {
formularios[i].elements[j].setAttribute('maxlength', '8')
msg += '\n\nValor de maxlength del elemento con id ' + formularios[i].elements[j].id + ' es ';
msg += formularios[i].elements[j].getAttribute('maxlength');
}
}
}
alert (msg);
}
</script>
</head>
<body>
<div id="cabecera"><h2>Cursos aprenderaprogramar.com</h2><h3>Ejemplos JavaScript</h3></div>
<div style="color:blue; margin:20px;" id ="ejemplo">Pulsa aquí</div>
<form name ="formularioContacto" method="get" action="accion1.html">
<h2>Formulario de contacto</h2>
<label>Nombre:<input id="nombreFormContacto" type="text" name="nombre" maxlength="4"/></label>
<label>Apellidos:<input id="apellidosFormContacto" type="text" name="apellidos" /></label>
<label><input id ="botonEnvio1" type="submit" value="Enviar"></label>
</form>
<form name ="formularioReclamacion" method="get" action="accion2.html">
<h2>Formulario de reclamación</h2>
<label>Motivo reclamación:<input id="motivoFormReclama" type="text" name="motivo" /></label>
<label>Fecha del hecho:<input id="fechaFormReclama" type="text" name="fecha" /></label>
<label><input id="botonEnvio2" type="submit" value="Enviar"></label>
</form>
</body>
</html>
Saludos.