Soy bastante nuevo en JavaScript y esto es lo que se me ocurrió para ocultar botones dependiendo de si un usuario está conectado o no. Las identificaciones de la barra de navegación son correctas, pero no hace nada con ellas.
function hideHeaderOptions() { let headerUploadPicture = document.getElementById("navbar-upload-picture"); let headerProfile = document.getElementById("navbar-profile"); let headerMessages = document.getElementById("navbar-messages"); let headerResults = document.getElementById("navbar-results"); let headerLogout = document.getElementById("navbar-logout"); let headerLogin = document.getElementById("navbar-login"); if (sessionManager.isLogged()) { headerLogin.style.display = "hidden"; } else { headerUploadPicture.style.display = "hidden"; headerProfile.style.display = "hidden"; headerMessages.style.display = "hidden"; headerLogout.style.display = "hidden"; headerResults.style.display = "hidden"; } }Puede usar none en lugar de hidden aquí:
function hideHeaderOptions() { if (sessionManager.isLogged()) { document.getElementById("navbar-login").style.display = "none"; } else { document.getElementById("navbar-upload-picture").style.display = "none"; document.getElementById("navbar-profile").style.display = "none"; document.getElementById("navbar-messages").style.display = "none"; document.getElementById("navbar-logout").style.display = "none"; document.getElementById("navbar-results").style.display = "none; } }