Estoy haciendo un desafío de codificación de JavaScript donde debo obtener referencias de los botones de navegación del archivo HTML. es para un formulario de registro

HTML

 <!-- Conditional Nav buttons --> <nav> <button class="users" id="users-tab-button">Register User</button> <button class="register" id="register-tab-button">View User List</button> </nav> <!-- /Conditional Nav buttons/ -->

JS

 /* ---------------------------------------------------- Setup ---------------------------------------------------- */ /* --- Tab References --- */ // Get reference to all elements in register tab const registerTab = document.getElementsByClassName("register"); console.log(registerTab); // Get reference to all elements in userList tab const userTabs = document.getElementsByClassName("users"); console.log(userTabs); /* --- Nav references --- */ //get refernce to Register User button const regUser = document.querySelector('#users-tab-button'); console.log(regUser); //get reference to viewUserList button const viewUserList = document.querySelector("#register-tab-button") console.log(viewUserList);

Lo que estoy haciendo aquí es obtener los ID de los botones de navegación, pero ahora, ¿necesito vincularlos a la pestaña de registerTab y las userTabs de usuario? además, tal como está, regUser y viewUserList muestran nulo