Visualización
Explicación
Se trata de un botón que te da a escoger que deseas de menú entre varios platos. Hay dos opciones entre los entrantes, tres entre los segundos, dos de postres y tres de bebidas. Conforme va escogiendo el usuario aparece su elección y, además, por detrás va sumando el precio asignado a cada plato mediante el array para, finalmente, decirte el total de tu elección. El bucle se repite hasta que introduces un cero en cada elección, por ende, sigue pidiendo tu menú preferido hasta que pulses siempre cero.
HTML
<!DOCTYPE html>
<html lang="es">
<head>
<title>Ejercicio extra de la prueba 1305.3</title>
<!meta charset="utf-8" />
<meta content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="prueba.js"></script><!--llamamos desde aquí al nuevo archivo externo, esta vez js para las funciones de javascript-->
<meta name="Description" content="Ejercicio extra para el examen">
<LINK REL="stylesheet" HREF="prueba.css" TYPE="text/css">
<SCRIPT language=javascript src=".js"></script>
<NOSCRIPT><!--Dada la posibilidad de que algún navegador no esté actualizado, por ende no podrá interpretar el contenido JavaScript, le mostraremos con esto al usuario un mensaje para que lo actualice y, además, le mostraremos distintas páginas para descargar de forma gratuita un navegador actualizado entre los más usados-->
Este navegador no comprende los scripts que se están ejecutando, debe actualizar su versión de
navegador a una más reciente.
<br><br>
<a href=http://netscape-esp.uptodown.com/>Netscape</a>.<br>
<a href=http://windows.microsoft.com/es-es/windows/downloads>Microsoft</a>.<br>
<a href=http://www.opera.com/es-es>Opera</a>.<br>
<a href=https://www.mozilla.org/es-ES/firefox/new/>Firefox</a>.<br>
<a href=http://www.google.com/intl/es/chrome/>Chrome</a>.<br>
</NOSCRIPT>
</head>
<body>
<h1>Ejercicio extra, prueba 1305.3</h1>
<img class="trebol" src="suerte.png" alt="Trebol" />
<h2>Nombre y apellidos</h2>
<h3>Melani Abascal</h3>
<h3>Números</h3>
<div class="caja1"><br/><!--Creamos un botón-imagen cuyos bordes no sean visibles más allá de ésta-->
<input type=image src="boton1.png" alt="botón" onClick="llamada()">
</div>
<h3>Cadenas</h3>
<div class="caja2">
<script>
</script>
</div>
</body>
</html>
CSS
body{
padding: 40px;
}
h1 {
float: left;
color: #9be663;
margin-left: 425px;
font-family: verdana;
margin-top: 60px;
font-size: 30pt;
}
.trebol {
position: relative;
left: 200px;
}
h2 {
color:#fc9720;
font-family: verdana;
margin-top: 20px;
}
h3 {
color:#9be663;
font-family: verdana;
margin-top: 80px;
font-size: 18pt;
}
.caja1 {
position: relative;
margin-left: 340px;
margin-top: 40px;
width: 800px;
height: 900px;
border: solid #fc9720 5px;
Border-radius: 5%;
}
.caja2 {
position: relative;
margin-left: 340px;
margin-top: 40px;
width: 800px;
height: 700px;
border: solid #fc9720 5px;
Border-radius: 5%;
}
JS
function llamada() {
do{//indicamos que se pulse siempre cero para salir del programa
window.alert('Si quieres salir del programa introduce siempre 0')
llama=menu()//llamamos al total tras obtenerlo
window.alert('El total de su pedido es: '+llama+'€')
}while(llama != 0)
}
function menu(){
var total=0//iniciamos el precio total en 0
var primero=prompt('Pulsa el número correspondiente a tu preferencia: \n\n ENTRANTES \n\n 1)Croquetas \n 2)Risotto\n','')//mostramos las opciones por cada tipo de plato
var plato1 = new Array("Croquetas",10)//creamos mediante un array un plato y su precio
plato1[1]=parseInt(plato1[1])
var plato2= new Array("Risotto",7)
plato2[1]=parseInt(plato2[1])
if (primero==1){
window.alert("Tu elección fue:" +plato1[0])//depende de la elección, el precio se incrementa en el del plato correspondiente
total+=plato1[1]
}
if(primero==2){
window.alert("Tu elección fue:" +plato2[0])
total+= plato2[1]
}
var segundo=prompt('Pulsa el número correspondiente a tu preferencia: \n\n SEGUNDOS \n\n 1)Ensalada \n 2)Merluza\n 3)Entrecot\n','')
var plato3=new Array("Ensalada",8)
plato3[1]=parseInt(plato3[1])
var plato4= new Array("Merluza",18)
plato4[1]=parseInt(plato4[1])
var plato5= new Array("Entrecot",15)
plato5[1]=parseInt(plato5[1])
if (segundo==1){
window.alert("Tu elección fue:" +plato3[0])
total+= plato3[1]
}
if(segundo==2){
window.alert("Tu elección fue:" +plato4[0])
total+=plato4[1]
}
if (primero==3){
window.alert("Tu elección fue:"+plato5[0])
total+= plato5[1]
}
var postre=prompt('Pulsa el número correspondiente a tu preferencia: \n\n POSTRES \n\n 1)Tarta \n 2)Tiramisú\n','')
var plato6= new Array("Tarta",4)
plato6[1]=parseFloat(plato6[1])
var plato7=new Array("Tiramisu",7)
plato7[1]=parseFloat(plato7[1])
if (postre==1){
window.alert("Tu elección fue:"+plato6[0])
total+= plato6[1]
}
if (postre==2){
window.alert("Tu elección fue:"+plato7[0])
total+= plato7[1]
}
var bebida=prompt('Pulsa el número correspondiente a tu preferencia: \n\n SEGUNDOS \n\n 1)Refresco \n 2)Vino\n 3)Agua\n','')
var plato8=new Array("Refresco",3)
plato8[1]=parseFloat(plato8[1])
var plato9=new Array("Vino",100)
plato9[1]=parseFloat(plato9[1])
var plato10=new Array("Agua",2)
plato10[1]=parseFloat(plato10[1])
if (bebida==1){
window.alert("Tu elección fue:" +plato8[0])
total+= plato8[1]
}
if(bebida==2){
window.alert("Tu elección fue:" +plato9[0])
total+=plato9[1]
}
if(bebida==3){
window.alert("Tu elección fue:" +plato10[0])
total+= plato10[1]
}
return total//devolvemos el total
}
No hay comentarios:
Publicar un comentario