ACUMULATIVO
Marzo 29 del 2017
Se realizo el acumulativo del primer periodo. Mi nota fue 100.
- El ejercicio constaba en realizar cajas de texto o algún otro elemento que permitiera ver una caja donde le pidiera al cliente el tipo del carro, otra donde le pidiera el valor del servicio y potra donde le pidiera el numero de horas.
- Y por ultimo una ventana donde diera el valor de todo el servicio.
Solucion:
<!DOCTYPE html>
<html>
<head>
<title>Ejercicio</title>
</head>
<script>
function mostrarVentana()
{
var ventana = document.getElementById('miVentana');
ventana.style.marginTop = "100px";
ventana.style.marginLeft ="830px";
ventana.style.display = 'block';
var prod = document.getElementById("producto").value
document.getElementById("caja").innerHTML = " "
var val = document.getElementById("valor").value
document.getElementById("llamada").innerHTML = " "
var horas = document.getElementById("horas").value
document.getElementById("valort").innerHTML = "El valor del servicio es: " + val * horas
}
function ocultarVentana()
{
var ventana = document.getElementById('miVentana');
ventana.style.display = 'none';
}
</script>
<body>
<form>
tipo de carro: <input type = "text" placeholder="Escriba el tipo de su carro" size="30" id="producto">
<br>
valor del servicio por hora: <input type = "number" placeholder="escriba el valo en pesos" size="30" id="valor">
<br>
horas del servicio : <input type = "number" placeholder="escriba el numero de horas" size="30" id="horas">
<br>
<input type="button" value="Opriiiiiimir" onclick="mostrarVentana(); ">
</form>
<div id="miVentana" style="position: fixed; width: 350px; height: 190px; top: 0; left: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; border: #333333 3px solid; background-color: #FAFAFA; color: #000000; display:none;">
<div style="font-weight: bold; text-align: left; color: #FFFFFF; padding: 5px; background-color:#006394">PRODUCTO</div>
<p id="caja" style="padding: 5px; text-align: justify; line-height:normal"></p>
<p id ="llamada">asd</p>
<p id ="valort">asd</p>
<div style="padding: 10px; background-color: #F0F0F0; text-align: center; margin-top: 44px;">
<input id="btnAceptar" onclick="ocultarVentana();" name="btnAceptar" size="20" type="button" value="Cerrar Ventana" />
</div>
</body>
</html>
Comentarios
Publicar un comentario