Este formulario sirve para realizar un reporte y cotizar el precio sobre un servicio que se ofrece. El formulario solicita los datos del cliente como el nombre, fecha del evento, domicilio y distrito, en la parte de servicio registra la hora, la cantidad de payasos, muñecos, bailarinas, magos, si es necesario decorar el ambiente, grabar la fiesta y el distrito del evento. Con el botón cotizar mostrará el precio total que deberá pagar el cliente.
Ejercicio.
Crear un formulario donde solicitará a los clientes los siguientes datos para cotizar el precio de la fiesta. (15 puntos).
Se deberá de ingresar el nombre del cliente, la fecha del evento, domicilio y distrito. La caja de la fecha deberá de ser tipo date y las otras cajas tipo text. Para escoger la hora tendrá dos opciones, si la hora es de 3pm a 5pm el precio será 400 y si es de 5pm a 7pm será 500. Cada payaso costara 60 soles, los muñecos 50 soles, bailarinas 40 soles, magos 80 soles. La decoración del ambiente será opcional y tendrá el costo de 150. La grabación de la fiesta tendrá opciones, si desea grabar en HD el precio es de 100 soles, Full HD 150 soles y ultra HD 200 soles. Dependiendo del distrito del evento se sumará una pequeña cuota, si es de Lima, Callao, Pueblo Libre o de San Isidro no se cobrará la cuota, pero si es de La Molina, Ate Vitarte, Villa el Salvador se cobrará 50 soles.
Luego de crear el formulario deberás de mostrar un reporte con todo los datos ingresados y el precio total a pagar. (5 puntos)
Posible solución.
Realizamos el código.
index.php
<html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> </head> <form method="POST" name="VaidrollTeam"> <table border="1"> <tr><th colspan="2">Datos del cliente</th></tr> <tr><td>Nombre:</td><td><input type="text" name="txtnombre"></td></tr> <tr><td>Fecha del evento:</td><td><input type="date" name="txtfecha"></td></tr> <tr><td>Domicilio:</td><td><input type="text" name="txtdomicilio"></td></tr> <tr><td>Distrito</td><td><input type="text" name="txtdistrito"></td></tr> </table> <table border="1"> <tr><th colspan="2">Servicio</th></tr> <tr><td>Hora y precio:</td> <td><select name="horayprecio" > <option value="0">Seleccionar</option> <option value="1">3pm a 5pm = S/400.00</option> <option value="2">5pm a 7pm = S/500.00</option> </td></tr> <tr><td>Agregar payasos:</td><td><input type="number" name="txtpayasos" value="0" min="0" max="5"> x (S/60.00).</td></tr> <tr><td>Agregar muñecos:</td><td><input type="number" name="txtmunecos" value="0" min="0" max="6"> x (S/50.00)</td></tr> <tr><td>Agregar bailarinas:</td><td><input type="number" name="txtbailarinas" value="0" min="0" max="9"> x (S/40.00)</td></tr> <tr><td>Agregar magos:</td><td><input type="number" name="txtmagos" value="0" min="0" max="9"> x (S/80.00)</td></tr> <tr><td>Decorar ambiente:</td> <td><input type="radio" name="decorarambiente" value="1" checked="true"> No (S/.0.00) <input type="radio" name="decorarambiente" value="2" > Si (S/150.00) </td></tr> <tr><td>Grabar fiesta:</td> <td><input type="radio" name="grabarfiesta" value="1" checked="true"> No (S/0.00)</input> <input type="radio" name="grabarfiesta" value="2"> HD (S/100.00)</input> <input type="radio" name="grabarfiesta" value="3"> Full HD (S/.150.00)</input> <input type="radio" name="grabarfiesta" value="4"> Ultra HD (S/.200.00)</input> </td></tr> <tr><td>Distrito evento:</td><td><select id="distritoevento" name="distritodelevento1" > <option value="0">Seleccionar distrito</option> <option value="1">Lima</option> <option value="2">Callao</option> <option value="3">Pueblo Libre</option> <option value="4">San Isidro</option> <option value="5">La Molina (S/.50.00)</option> <option value="6">Ate Vitarte (S/.50.00)</option> <option value="7">Villa el Salvador (S/.50.00)</option> </select></td></tr> <tr><td colspan="2" align="center"><input type="submit" value="Cotizar" name="cotizarcliente" /></td></tr> </table> </form> </html> <?php if(isset($_POST['cotizarcliente'])) { $nombre = $_POST['txtnombre']; $fecha = $_POST['txtfecha']; $domicilio = $_POST['txtdomicilio']; $distrito = $_POST['txtdistrito']; $payasosadicional = $_POST["txtpayasos"]; $munecosadicional = $_POST["txtmunecos"]; $bailarinasadicional = $_POST["txtbailarinas"]; $magoadicional = $_POST["txtmagos"]; $tothora =0; $momentohora=""; $totdecorar=0; $momentodecora=""; $momentofiesta=""; $totfiesta=0; $eventodistrito=""; $totdistrito=0; $totpayasos = ($payasosadicional*60); $totmunecos = ($munecosadicional*50); $totbailarinas = ($bailarinasadicional*40); $totmagos = ($magoadicional*80); $grabarfiesta = $_POST["grabarfiesta"]; if(isset($_POST['horayprecio'])){ $select1 = $_POST['horayprecio']; switch ($select1) { case '1': $tothora=400; $momentohora="3pm a 5pm"; break; case '2': $tothora=500; $momentohora="5pm a 7pm"; break; default: break; } } if(isset($_POST['decorarambiente'])){ $selectambiente = $_POST['decorarambiente']; switch ($selectambiente) { case '2': $momentodecora="Si"; $totdecorar=150; break; case '1': $momentodecora="No"; $totdecorar=0; break; default: break; } } if(isset($_POST['grabarfiesta'])){ $selectambiente = $_POST['grabarfiesta']; switch ($selectambiente) { case '1': $momentofiesta="No"; $totfiesta=0; break; case '2': $momentofiesta="HD"; $totfiesta=100; break; case '3': $momentofiesta="Full HD"; $totfiesta=150; break; case '4': $momentofiesta="Ultra HD"; $totfiesta=200; break; default: break; } } /*VaidrollTeam*/ if(isset($_POST['distritodelevento1'])){ $selectdistrito = $_POST['distritodelevento1']; switch ($selectdistrito) { case '1': $eventodistrito="Lima"; $totdistrito=0; break; case '2': $eventodistrito="Callao"; $totdistrito=0; break; case '3': $eventodistrito="Pueblo Libre"; $totdistrito=0; break; case '4': $eventodistrito="San Isidro"; $totdistrito=0; break; case '5': $eventodistrito="La Molina"; $totdistrito=50; break; case '6': $eventodistrito="Ate Vitarte"; $totdistrito=50; break; case '7': $eventodistrito="Villa El Salvador"; $totdistrito=50; break; default: break; } } echo "<h1>Reporte</h1>"; echo "<hr>"; echo "<b>Cliente:</b> $nombre <br><br>"; echo "<b>Fecha:</b> $fecha <br><br>"; echo "<b>Domicilio:</b> $domicilio <br><br>"; echo "<b>Distrito:</b> $distrito <br><br>"; echo "<b>Hora:</b> $momentohora = S/.$tothora.00<br><br>"; echo "<b>Payasos contratados: </b> $payasosadicional x S/60.00 = S/.$totpayasos.00<br><br>"; echo "<b>Muñecos contratados:</b> $munecosadicional x S/50.00 = S/.$totmunecos.00<br><br>"; echo "<b>Bailarinas contratadas:</b> $bailarinasadicional x S/.40.00 = S/.$totbailarinas.00<br><br>"; echo "<b>Magos:</b> $magoadicional x S/80.00 = S/ .$totmagos.00<br><br>"; echo "<b>Decorar ambiente:</b> $momentodecora = S/. $totdecorar. 00<br><br>"; echo "<b>Grabar fiesta:</b> $momentofiesta = S/. $totfiesta. 00<br><br>"; echo "<b>Distrito de evento:</b>$eventodistrito = S/. $totdistrito. 00<br><br>"; echo "<hr>"; echo "<b>Total a pagar:</b> S/.".($tothora+$totpayasos+$totmunecos+$totbailarinas+$totmagos+$totdecorar+$totfiesta+$totdistrito).".00"; } ?>
style.css
body
{
margin-left:20%;
font-family: sans-serif;
background: linear-gradient(to bottom, #3380B5, white);
}
table
{
margin:0;
border-collapse:collapse;
border: 3px solid black;
background:#f3f3f3;
width: 900px;
}
td
{
padding: 10px 40px;
font-weight: bold;
}
th
{
padding: 10px 40px;
font-size:26px;
}
input[type=submit]
{
font-size:14px;
background-color: white;
color:black;
font-weight: bold;
border-radius: 5px;
height: 30px;
width: 100px;
border: 1px solid;
}
input[type=number]
{
font-size:16px;
background-color: white;
color:black;
height: 30px;
width: 60px;
}
input[type=date],input[type=text],select
{
font-size:16px;
background-color: white;
color:black;
height: 30px;
}
Resultado.
¿Cómo funciona?
Hay que rellenar el formulario y luego presionar el botón cotizar.
Listo.
