/* Henok Tasissa */ $(document).ready(function(){ alert("Henok:\n Hello Solo Learners!\n Welcome to my code.\n This website is currently only for mobile devices I'll post the full version soon.\n Comment any suggestion and don't forget to up vote if you like it!") //[id,cloth type[0 -> F, 1->M],url,oldprice,newprice] var menClothings = [ [1,1,"http://www.polysemienanas.com/images/large/Fashion_Style/Men%20adidas%20Originals%20EQT%20Windbreaker%20Pant%20Stone%20-%20adidas%20Men%20Pants%20Sale%20F69y1378%20421_LRG.jpg",56,34], [2,1,"https://image.dhgate.com/albu_513348065_00/1.0x0.jpg",63,42], [3,1,"https://ae01.alicdn.com/kf/HTB1bi1RJpXXXXcwXXXXq6xXFXXXP/Fashion-2015-New-High-quality-Casual-Mens-pants-men-business-design-cotton-trousers-men-pants-Factory.jpg_640x640.jpg",54,36], [4,1,"http://www.tenmilefibermill.com/images/pic/11718114.jpg",43,34], [5,1,"http://s7d2.scene7.com/is/image/ClubMonacoGSI/p26958823_lifestyle?$flyout_main$&iv=84xq22&wid=1650&hei=1650&fit=fit,1",71,58], [6,1,"https://images-na.ssl-images-amazon.com/images/I/81YJDitMrZL._AC_SR201,266_.jpg",44,31], [7,1,"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTIKnaQgsNC-lEDFzrFr2PriNHXrMwhec-wcsjCT2mUyB-ncuttKA",51,29], [8,1,"http://www.itsadadslife.co.uk/images/large/nike/Pants%20320Nike%20Foundation%20Fleece%20Pants%20-%20Grey%20Men%20Pants%20Nike%20Outlet%20Online_LRG.jpg",34,25], [9,1,"http://www.angelsarkchildcare.com/images/348/EDYNP03105KVJ0.jpg",67,52], [10,1,"https://images.menswearhouse.com/is/image/TMW/MW40_205A_23_JOSEPH_FEISS_PANTS_SHORTS_TAN_MAIN?$40Zoom$",76,54], [11,1,"https://ae01.alicdn.com/kf/HTB1Ul3yIpXXXXbXXFXXq6xXFXXXq/2015-New-Autumn-Fashion-men-clothing-male-suit-jacket-Soldier-general-formal-dress-man-army-style.jpg_640x640.jpg",87,68], [12,1,"http://www.buscogaraje.com/images/pic/SGGV0AL4_811572.jpg",35,24] ]; var womenClothings = [ [1,0,"http://www.mentoringmullarkey.com/images//pic/PDVTzldc_857857.jpg",76,54], [2,0,"http://www.fillealacarte.com/images//pic/9usW4TzB_582662.jpg",63,42], [3,0,"http://www.twiceasnicedecorators.com/images//pic/8yq8AIuc_843991.jpg",84,71], [4,0,"http://www.nathanflis.com/images/pic/beYqPZRl_928140.jpg",93,76], [5,0,"http://www.networkjungle2.com/images//pic/cueStCA5_948596.jpg",71,58], [6,0,"https://cdn.shopify.com/s/files/1/1072/0910/products/154857_P_1479208156040.jpg?v=1516678834",46,31], [7,0,"https://www.liligal.com/images/201712/source_img/181469_P_15124687746760.jpg",51,39], [8,0,"http://www.tempcasabrazil.com/images/category_18/31%20Phillip%20Lim%20women%20clothings%20BLACK%2087%20cm179%20cm90%20cm61%20cm%20asymmetric%20slimfit%20top%20CNIUHJO%2012491991.jpg",57,38], [9,0,"http://www.oneagencygoldcoast.com/images/category_13/JACQUELINE%20de%20YONG%20Women%20Bomber%20jacket%20jdyRoona%20%20in%20black%20%20Women%20clothings%20Black%20short%20ribbed%20standup%20collar%20provides%20protection%20and%20warmth%20%20%20Closure%20%20highclosing%20zip%20with%20wind%20shield%20%20%20UMUAGWG.jpg",67,52], [10,0,"http://www.marutinursing.com/images/luiRick-us/w65I-L5F011-MDk1_2357.jpg",82,64], [11,0,"http://www.rachelkarlonline.com/images//pic/ORCwT17C_783557.jpg",32,21], [12,0,"https://static1.squarespace.com/static/55ec712ae4b044ff578c1e70/56293e7de4b0e502c31ac14e/5aaf4575d6cd3d5ead539d2d/1521436036197/?format=300w",78,57], [13,0,"https://ae01.alicdn.com/kf/HTB1vRBIXStYBeNjSspaq6yOOFXab/2017-Spring-New-Women-Clothings-Blouse-Shirt-Fashion-Wine-Red-Super-Big-Yard-Women-Tops-European.jpg_640x640.jpg",62,41] ]; /*cart collects id*/ var cart = []; /*When register nav clcked*/ $("#regNav").on("click",function(){ $("#loginContainer").hide(); $("#registerContainer").slideToggle(); }); /*When login nav clcked*/ $("#logNav").on("click",function(){ $("#loginContainer").slideToggle(); $("#registerContainer").hide(); }); /*List products*/ //[id,url,oldprice,newprice] function listProduct(product){ var output = ""; for(var i=0;i'; output += '

'; output += '

'; output += '$ ~~'+product[i][3]+'.00~~'; output += '$ '+product[i][4]+'.00'; output += '

ADD TO CART

'; } $(".clothing-list-container").html(output); } listProduct(menClothings);//Initialize default images /* If nav is clicked */ $("#menClothing").on("click",function(){ listProduct(menClothings); }) $("#womenClothing").on("click",function(){ listProduct(womenClothings); }) /* User object and default data*/ var user = { firstName : '', lastName : '', email : '', password : '', register : false, login:false } /* Checks user registeration*/ $("#registerationForm").on("submit",function(){ var firstName = $("#firstName").val(); var lastName = $("#lastName").val(); var email = $("#email").val(); var password = $("#password").val(); if(firstName != "" && lastName != "" && email !="" && password != ""){ user.firstName = firstName; user.lastName = lastName; user.email = email; user.password = password; user.register = true; alert("You have successfully registered! Please login!"); $("#registerContainer").hide(); $("#loginContainer").show(); }else{ alert("Check if all fields of the form are filled!"); } return false; }); /*Checkes user Login info*/ $("#loginForm").on("submit",function(){ var loginEmail = $("#loginEmail").val(); var loginPassword = $("#loginPassword").val(); if(loginEmail != "" && loginPassword != ""){ if(loginEmail == user.email && loginPassword == user.password){ user.login = true; $("#loginContainer").hide(); alert("You are successfully logged in!"); }else{ alert("Wrong email or password! Please try again!"); } }else{ alert("Please check if you filled all the fields"); } return false; }); $(".clothing-list-container").on("click",".addToCart",function(){ var clothingType = $(".product").attr("id"); var productId = $(this).attr("id"); var cartProduct = [clothingType,productId]; if(user.login){ cart.push(cartProduct); listCart(clothingType,productId); }else{ alert("You must have to login in order to buy!"); } }); var total = 0; function listCart(clothingType,productId){ var output = ''; if(clothingType == 0){ output += '

'; output += '$'+womenClothings[productId-1][4]+'.00

'; total += womenClothings[productId-1][4]; }else{ output += '

'; output += '$'+menClothings[productId-1][4]+'.00

'; total += menClothings[productId-1][4]; } $(".cart").append(output); $(".total").html("TOTAL = $ "+total+".00"); } $(".buy").on("click",function(){ if(user.login==true && total != 0){ alert("----------STYLEZ CLOTHING --------\n WE HAVE SUCCESSFULLY PROCESSED YOUR PAYMENT! \n YOU HAVE ORDERED "+cart.length+" CLOTHES FOR "+total+" DOLLARS."); total = 0; $(".cart").html(""); $(".total").html("TOTAL PRICE"); } }) });

Stylez Clothing - MB version