[2017-24-05]

CLASE  15:

Se continua la realización del proyecto y se avanza desde la 2da Base hasta la quinta. (inicio de la sexta).

2. Basado en el algoritmo anterior, se crea el pseudocódigo.

DIGITADOR: cod.26 Juan Pedraza

3. Construcción del código HTML, necesario para empezar a crear la aplicación, según el enunciado del item 1.

DIGITADOR: cod.13 Juan Franco

4. Basado en el código HTML anterior, se le aplica un Template tipo Html / Responsive desing.

DIGITADOR: cod.10 Maria Duarte

5. Entregado el paso anterior se realiza dos copias, la primera se validará con Html5.

DIGITADOR: cod.28 Sebastian Ramirez

Se realiza clase extra el [2017-25-05] en la cual se Finaliza el proyecto de grupo y se entrega el resultado de las tres últimas bases:

6. Y la segunda se validará con Javascript.

DIGITADOR: cod.33  William Rodriguez

7. Utilizando el mismo diseño del template se crea un segundo archivo(formulario.html), donde se debe visualizar cajas de texto, cajas de selección de los campos (nombre, e-mail, teléfono fijo, Teléfono celular, observación de la atención), lo anterior es para crear un PQRSF (Peticiones, Quejas, Reclamos, Sugerencias y Felicitaciones).Todo este item (el 7 ), debe ir validado.

DIGITADOR: cod.18 Leonardo Gonzalez

8. Basado en todo lo anterior, se debe programar el ejercicio propuesto por el Docente, utilizando todo lo desarrollado desde el punto 1 hasta el 7. Todo debe ser programado en JavaScript.

DIGITADOR: cod.31 Laura Rodriguez

Tomado de: www.coldivinoamor.com/espaciovirtual

Código base de la etapa 8:

<script>

function validar(){
var name1=document.getElementById("nombre").value
var time2=document.getElementById("tiempo").value
var date3=document.getElementById("calendario").value
var male4=document.getElementById("maletas").value
var destinity5=document.getElementById("dest").value
var transport6=document.getElementById("trans").value
var transpo=transport6.charAt(0)
var delboton=document.getElementById("enviar")

if(name1.length==0) {
// Si no se cumple la condicion…
alert('[ERROR] ingresar su nombre');
return false
}
else if (time2.length==0) {
// Si no se cumple la condicion…
alert('[ERROR] El campo debe tener una hora');
return false
}
else if (date3.length==0) {
// Si no se cumple la condicion…
alert('[ERROR] El campo debe tener una fecha');
return false
}
else if(document.getElementById("enviar")){
alert("Tiquete vendido")

}

if(destinity5.length==13){
var precioinicial=40000
precioinicial=parseFloat(precioinicial)
}
else {
var precioinicial=100000
precioinicial=parseFloat(precioinicial)
}

if(male4.length==7){
var pasaje=(precioinicial*2)/100
pasaje=precioinicial+parseFloat(pasaje)
}
else if(male4.length==5){
var pasaje=(precioinicial*5)/100
pasaje=parseFloat(precioinicial)-parseFloat(pasaje)
}
else{
var pasaje=(precioinicial*25)/100
pasaje=precioinicial-parseFloat(pasaje)
}

if(transpo=="C"){
document.body.style.backgroundColor = "#1495ce";
var preciofinal=(pasaje*10)/100
preciofinal=parseFloat(pasaje)-parseFloat(preciofinal)
}
else if(transpo=="B"){
document.body.style.backgroundColor = "#17c762";
var preciofinal=pasaje*5/100
preciofinal=parseFloat(pasaje)-parseFloat(preciofinal)
}
else{
document.body.style.backgroundColor = "white";
var preciofinal=pasaje
}
alert("El precio inicial era de"+ " "+ precioinicial)
alert("Precio despues de considerar el numero de maletas"+ " " +pasaje)
alert("Valor a pagar" + " " + preciofinal)
}

</script>