[2017-15-03]
CLASE 07:
La Dinámica de la clase consistió en subir el proyecto correspondiente a cada grupo a través del servidor que el docente indico con el número y la palabra escogida por el grupo y así mantener todos los archivos en una sola carpeta que los diferencia de los demás proyectos.
Servidor grupo 03: smb://192.168.200.101/fresa15
Un integrante del grupo el cual es escogido al azar es el encargado de resolver el error o la pregunta que le realizó el docente y así se obtiene otra nota.
Ejercicio Proyecto:
Se utiliza la función de cómo validar la tecla enter para que cumpla una función al momento de digitar el número, para esto se toma el siguiente ejemplo:
TOMADO DE: http://www.lawebdelprogramador.com/foros/JavaScript/1427953-Reconocer-la-presion-de-la-tecla-enter.html
Se utiliza propiedades del HTML 5 como insertar un tipo de caja para número, este se utiliza en casos de validar formularios y el tipo "number" permite introducir el valor mínimo y máximo que se desee aceptar.
En algunos casos este tipo de etiquetas se pueden introducir dentro de un <form>, el cual define formularios, recolecta información de usuario por medio del input.
El <input> es el elemento más importante del <form> y este se utiliza dependiendo de los atributos correspondientes.
TOMADO DE: https://www.w3schools.com/html/html_form_input_types.asp
Enlace para ver el Proyecto:
Se
realiza la calificación del proyecto por grupos y se realizan las respectivas
correcciones.
La Dinámica de la clase consistió en subir el proyecto correspondiente a cada grupo a través del servidor que el docente indico con el número y la palabra escogida por el grupo y así mantener todos los archivos en una sola carpeta que los diferencia de los demás proyectos.
Servidor grupo 03: smb://192.168.200.101/fresa15
Un integrante del grupo el cual es escogido al azar es el encargado de resolver el error o la pregunta que le realizó el docente y así se obtiene otra nota.
El ejercicio correspondiente al proyecto se subió al template escogido por el grupo
la anterior clase.
Ejercicio Proyecto:
<html>
<head>
<title> Nuestro
Proyecto Decimo B</title>
</head>
<script>
<div id="hola"></div>
function romano(){
var a =
document.getElementById("num").value;
if (a == 1) {document.getElementById("hola").innerHTML =
"I"; document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 2)
{document.getElementById("hola").innerHTML = "II";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 3)
{document.getElementById("hola").innerHTML = "III"; document.getElementById("error").innerHTML
= "<hidden>"}
else if (a == 4)
{document.getElementById("hola").innerHTML = "IV";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 5)
{document.getElementById("hola").innerHTML = "V";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 6)
{document.getElementById("hola").innerHTML = "VI";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 7)
{document.getElementById("hola").innerHTML = "VII";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 8)
{document.getElementById("hola").innerHTML = "VIII";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 9)
{document.getElementById("hola").innerHTML = "IX";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 10)
{document.getElementById("hola").innerHTML = "X";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 11)
{document.getElementById("hola").innerHTML = "XI";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 12)
{document.getElementById("hola").innerHTML = "XII";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 13)
{document.getElementById("hola").innerHTML = "XIII";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 14)
{document.getElementById("hola").innerHTML = "XIV";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 15)
{document.getElementById("hola").innerHTML = "XV";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 16)
{document.getElementById("hola").innerHTML = "XVI";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 17)
{document.getElementById("hola").innerHTML = "XVII";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 18)
{document.getElementById("hola").innerHTML = "XVIII";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 19)
{document.getElementById("hola").innerHTML = "XIX";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 20)
{document.getElementById("hola").innerHTML = "XX";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 21)
{document.getElementById("hola").innerHTML = "XXI";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 22)
{document.getElementById("hola").innerHTML = "XXII";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 23)
{document.getElementById("hola").innerHTML = "XXIII";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 24)
{document.getElementById("hola").innerHTML = "XXIV";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 25)
{document.getElementById("hola").innerHTML = "XXV";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 26)
{document.getElementById("adios").innerHTML = "XXVI";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 27)
{document.getElementById("adios").innerHTML = "XXVII";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 28)
{document.getElementById("adios").innerHTML = "XXVIII";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 29)
{document.getElementById("adios").innerHTML = "XXIX";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 30)
{document.getElementById("adios").innerHTML = "XXX";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 31)
{document.getElementById("adios").innerHTML = "XXXI";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 32)
{document.getElementById("adios").innerHTML = "XXXII";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 33)
{document.getElementById("adios").innerHTML = "XXXIII";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 34)
{document.getElementById("adios").innerHTML = "XXXIV";
document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 35)
{document.getElementById("adios").innerHTML = "XXXV";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 36)
{document.getElementById("adios").innerHTML = "XXXVI";
document.getElementById("error").innerHTML = "<hidden>"}
else if (a == 37)
{document.getElementById("adios").innerHTML = "XXXVII";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 38)
{document.getElementById("adios").innerHTML = "XXXVIII";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 39)
{document.getElementById("adios").innerHTML = "XXXIX";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 40)
{document.getElementById("adios").innerHTML = "XL";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 41)
{document.getElementById("adios").innerHTML = "XLI";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 42)
{document.getElementById("adios").innerHTML = "XLII";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 43)
{document.getElementById("adios").innerHTML = "XLIII";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 44)
{document.getElementById("adios").innerHTML = "XLIV";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 45)
{document.getElementById("adios").innerHTML = "XLV";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 46)
{document.getElementById("adios").innerHTML = "XLVI";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 47)
{document.getElementById("adios").innerHTML = "XLVII";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 48)
{document.getElementById("adios").innerHTML = "XLVIII";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 49)
{document.getElementById("adios").innerHTML = "XLIX";
document.getElementById("error").innerHTML =
"<hidden>"}
else if (a == 50)
{document.getElementById("adios").innerHTML = "L";
document.getElementById("error").innerHTML =
"<hidden>"}
else
{document.getElementById("error").innerHTML = "<img
src='images/ejercicio.png' width=670 height=400> <br><H1>(No
digite numeros decimales)</H1>";
document.getElementById("hola").innerHTML
= "<hidden>";
document.getElementById("adios").innerHTML =
"<hidden>"}
}
function
validar(e) {
tecla = (document.all) ? e.keyCode :
e.which;
if (tecla==13) {javascript:romano();}
}
</script>
<body>
<!-- Para que funcione al dar enter, tuve que quitarle el <form> :/
-->
<center>
<label for="numero">Digite un numero del 1 al 50</label>
<input type="number" min="1"
max="50" id="num"
onkeypress="validar(event);">
<input type="button" value="Oprimir"
onclick="javascript:romano();">
</center>
<!-- </form> -->
<br><br><br><br><br><br><br><br><div
id="error" align="center"></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><div
id="adios" align="right"></div>
</body>
</html>
Se utiliza la función de cómo validar la tecla enter para que cumpla una función al momento de digitar el número, para esto se toma el siguiente ejemplo:
<html>
<head>
<script type="text/javascript">
function validar(e) {
tecla = (document.all) ? e.keyCode : e.which;
if (tecla==13) alert ('Has pulsado enter');
}
</script>
</head>
<body>
<input type="text" onkeypress="validar(event)" />
</body>
</html>
TOMADO DE: http://www.lawebdelprogramador.com/foros/JavaScript/1427953-Reconocer-la-presion-de-la-tecla-enter.html
Se utiliza propiedades del HTML 5 como insertar un tipo de caja para número, este se utiliza en casos de validar formularios y el tipo "number" permite introducir el valor mínimo y máximo que se desee aceptar.
En algunos casos este tipo de etiquetas se pueden introducir dentro de un <form>, el cual define formularios, recolecta información de usuario por medio del input.
El <input> es el elemento más importante del <form> y este se utiliza dependiendo de los atributos correspondientes.
TOMADO DE: https://www.w3schools.com/html/html_form_input_types.asp
Enlace para ver el Proyecto:
No hay comentarios:
Publicar un comentario