script.js

function addedAlert(Product 1) {
    alert("you have added " + Product 1 + " to your cart")
    console.log(Product 1 + " added to cart")
}
function addedAlert(Product 2) {
    alert("you have added " + Product 2 + " to your cart")
    console.log(Product 2 + " added to cart")
}

let navLinks = document.querySelectorAll("li");
for(let i = 0; i < navLinks.length; i++){
    navLinks[i].addEventListener("mouseover", function(){
    navLinks[i].style.color = "blue";
    });
}
for(let i = 0; i < navLinks.length; i++){
    navLinks[i].addEventListener("mouseout", function() {
        navLinks[i].style.color = "white";
    });
}
Element = document.getElementById("lego");
Element.addEventListener("click", function() {
    alert("you have clicked the logo")
});
let footerElement = document.getElementById("hero");

footerElement.addEventListener("click", function() {
    alert("you have clicked the footer")
});


footerElement.addEventListener("mouseover", function() {
footerElement.style.color = "blue";
});