build a burger functionality. Woocommerce wordpress.

build-a-burger.js

let bacon = document.querySelectorAll("[data-value='bacon-1']");
let baconomit = bacon[0].previousSibling;
let bacondeny = baconomit.previousSibling;
let baconImage = document.getElementById("bacon");

bacondeny.classList.add('selected');
if(bacondeny.classList.contains('selected')){
  deleteBacon();
} //Make bacon not default

bacon[0].addEventListener("click", addBacon);

bacondeny.addEventListener("click", deleteBacon);

function addBacon(){
  console.log("add");
  baconImage.classList.remove("hide");
  
}
function deleteBacon(){
  console.log("remove");
  baconImage.classList.add("hide");
  
}