Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- document.addEventListener("DOMContentLoaded",function(){
- // declaras todas las variables en base a id o name en el html
- var reset = document.getElementById("resetButton");
- var adder = document.getElementById("addToCart");
- var burger = document.getElementById("burger");
- var bread = document.getElementById("bread");
- var size = document.getElementsByName("size");
- var may = document.getElementsByName("mayo");
- var must = document.getElementsByName("mustard");
- var ket = document.getElementsByName("ketchup");
- var top = document.getElementsByName("topping");
- var sau = document.getElementsByName("sauce");
- var fri = document.getElementsByName("fries");
- var xal = document.getElementById("number");
- var order = document.getElementById("orderSummary");
- var a=false;var b=false; var c=false; var d=false; var e=false; var f=false; var g =false;
- var h=false;
- order.style.display = "none";
- reset.addEventListener("click", function(){
- // Reiniciar todos los valores a 0.
- event.preventDefault();// prevenir que la pagina se submita al picar al boton
- burger.selectedIndex = 0;
- bread.selectedIndex = 0;
- order.innerHTML="";
- order.style.display= "none";
- xal.value="";
- for(var i = 0; i<size.length; i++){
- size[i].checked = false;
- }
- for(var i = 0; i<may.length; i++){
- may[i].checked = false;
- }
- for(var i = 0; i<must.length; i++){
- must[i].checked = false;
- }
- for(var i = 0; i<ket.length; i++){
- ket[i].checked = false;
- }
- for(var i = 0; i<top.length; i++){
- top[i].checked = false;
- }
- for(var i = 0; i<sau.length; i++){
- sau[i].checked = false;
- }
- for(var i = 0; i<fri.length; i++){
- fri[i].checked = false;
- }
- });
- adder.addEventListener("click", function(){
- event.preventDefault();
- //order.innerHTML+=sau;
- //burger object html select element.. same as bread
- //size object node list
- //fri lo toma como un object node list. may, must, ket,sau
- //object input element xal.
- order.style.display = "block";
- order.innerHTML= "<h2>Your current order is: </h2>";
- if(burger.selectedIndex!=0){
- order.innerHTML+="Your burger type is a: "+burger.value;
- a=false;
- }
- else{
- order.innerHTML+="You didn't pick a burger type";
- a=true;
- }
- if(bread.selectedIndex!=0){
- order.innerHTML+="<br>"+"<br>"+"Your type of bread is: "+bread.value;
- b=false;
- }
- else{
- order.innerHTML+="<br>"+"<br>"+"You didn't pick a type of bread";
- b=true;
- }
- var valor=-1;
- for(var i = 0; i<size.length; i++){
- if(size[i].checked==true){
- //ponerle ese valor a otro para poder representarlo
- valor=i;
- } // si le pico a uno
- }
- // si no eligio ninguno, nunca cambio el valor
- if(valor==-1){
- order.innerHTML+="<br>"+"<br>"+"You didn't select the size";
- c=true;
- }
- else{
- // si se paso el valor a la variable valor
- order.innerHTML+="<br>"+"<br>"+"You chose: "+size[valor].value;
- c=false;
- }
- valor=-1;
- for(var i = 0; i<may.length; i++){
- if(may[i].checked==true){
- //ponerle ese valor a otro para poder representarlo
- valor=i;
- } // si le pico a uno
- }
- // si no eligio ninguno, nunca cambio el valor
- if(valor==-1){
- order.innerHTML+="<br>"+"<br>"+"You didn't select if you wanted mayo";
- d=true;
- }
- else{
- // si se paso el valor a la variable valor
- order.innerHTML+="<br>"+"<br>"+"You chose: "+may[valor].value+" mayo";
- d=false;
- }
- valor=-1;
- for(var i = 0; i<must.length; i++){
- if(must[i].checked==true){
- //ponerle ese valor a otro para poder representarlo
- valor=i;
- } // si le pico a uno
- }
- // si no eligio ninguno, nunca cambio el valor
- if(valor==-1){
- order.innerHTML+="<br>"+"<br>"+"You didn't select if you wanted mustard";
- e=true;
- }
- else{
- // si se paso el valor a la variable valor
- order.innerHTML+="<br>"+"<br>"+"You chose: "+must[valor].value+" mustard";
- e=false;
- }
- valor=-1;
- for(var i = 0; i<ket.length; i++){
- if(ket[i].checked==true){
- //ponerle ese valor a otro para poder representarlo
- valor=i;
- } // si le pico a uno
- }
- // si no eligio ninguno, nunca cambio el valor
- if(valor==-1){
- order.innerHTML+="<br>"+"<br>"+"You didn't select if you wanted ketchup";
- f=true;
- }
- else{
- // si se paso el valor a la variable valor
- order.innerHTML+="<br>"+"<br>"+"You chose: "+ket[valor].value+" ketchup";
- f=false;
- }
- order.innerHTML+="<br>"+"<br>"+"You selected the following toppings: ";
- for(var i = 0; i<top.length; i++){
- if(top[i].checked==true){
- //desplegar toppings
- order.innerHTML+=top[i].value+", "
- }
- }
- order.innerHTML+="<br>"+"<br>"+"You selected the following sauces: ";
- for(var i = 0; i<sau.length; i++){
- if(sau[i].checked==true){
- //desplegar salsas
- order.innerHTML+=sau[i].value+", "
- }
- }
- valor=-1;
- for(var i = 0; i<fri.length; i++){
- if(fri[i].checked==true){
- //ponerle ese valor a otro para poder representarlo
- valor=i;
- } // si le pico a uno
- }
- // si no eligio ninguno, nunca cambio el valor
- if(valor==-1){
- order.innerHTML+="<br>"+"<br>"+"You didn't select if you wanted fries";
- g=true;
- }
- else{
- // si se paso el valor a la variable valor
- order.innerHTML+="<br>"+"<br>"+"You chose: "+fri[valor].value+" fries";
- g=false;
- }
- if(((xal.value%1) != 0)||xal.value==""){
- //regresa true si no es un numero o no escribio nada
- order.innerHTML+="<br>"+"<br>"+"You didnt type a number of burgers";
- h=true;
- }
- else{
- order.innerHTML+="<br>"+"<br>"+"You want: "+xal.value+" burgers";
- h=false;
- }
- if(a==true||b==true||c==true||d==true||e==true||f==true||g==true||h==true){
- alert("You missed a couple of options, check below to see more details: ");
- }
- });
- })
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement