m |
m |
||
Line 15: | Line 15: | ||
var navItems = document.getElementsByClassName("nav-item"); // gets all of the nav-items | var navItems = document.getElementsByClassName("nav-item"); // gets all of the nav-items | ||
var foodItems = document.getElementsByClassName("food-item-inner"); | var foodItems = document.getElementsByClassName("food-item-inner"); | ||
+ | var foodItems2 = document.getElementsByClassName("food-item"); | ||
var team = document.getElementsByClassName("overlay"); | var team = document.getElementsByClassName("overlay"); | ||
var navbarLinks = document.getElementsByClassName("navbar-links"); | var navbarLinks = document.getElementsByClassName("navbar-links"); | ||
Line 146: | Line 147: | ||
function flipFood(x) { | function flipFood(x) { | ||
foodItems[x-1].className = "food-item-inner flipped-food-item-inner"; | foodItems[x-1].className = "food-item-inner flipped-food-item-inner"; | ||
− | + | foodItems2[x-1].setAttribute("onclick", "unFlipFood(" +x.toString()+ ")"); | |
foodPop(x); | foodPop(x); | ||
} | } | ||
Line 152: | Line 153: | ||
function unFlipFood(x) { | function unFlipFood(x) { | ||
foodItems[x-1].className = "food-item-inner food-item-inner-1"; | foodItems[x-1].className = "food-item-inner food-item-inner-1"; | ||
− | + | foodItems2[x-1].setAttribute("onclick", "flipFood(" +x.toString()+ ")"); | |
foodPop(x); | foodPop(x); | ||
} | } |
Revision as of 01:16, 25 August 2020