const dappNavBtn = document.getElementById("basic-nav-dropdown");
const afterStyles = document.querySelector(".after");
const dappsBtn = document.getElementById("basic-nav-dropdown-new");
const menu =  document.querySelector(".dropdown-menu")
const menBtn = document.querySelector(".mbtn")
const menuU = document.getElementById("basic-navbar-nav")
const modal = document.getElementById("modalS")
const modalL = document.getElementById("modalL")
const cookie = document.getElementById("CookieChangeIcon")


dappNavBtn.addEventListener("click",()=>{
    afterStyles.classList.add("rotate");
    dappNavBtn.setAttribute("onclick","navna()")
    menu.classList.add("menuShow")
    dappNavBtn.classList.add("clicked")
    dappNavBtn.classList.remove("unclicked")
})
function navna(){
    afterStyles.classList.remove("rotate");
    dappNavBtn.removeAttribute("onclick")
    menu.classList.remove("menuShow")
    dappNavBtn.classList.remove("clicked")
    dappNavBtn.classList.add("unclicked")
}
function mbtn(){
    console.log("menu")
    menuU.classList.add("mshow")
    menuU.classList.remove("mhide")
    menBtn.setAttribute("onclick","mbtnR()")
}
function mbtnR(){
    console.log("menu")
    menuU.classList.add("mhide")
    menuU.classList.remove("mshow")
    menBtn.setAttribute("onclick","mbtn()")
}
function mode_cl(){
    modal.style.display = "none"
}
function mode_op(){
    console.log("op")
    modal.style.direction = "block"
}