모달창 닫기 버튼..만들기

document.getElementsByClassName('navbar-toggler')[0].addEventListener('click', function(){
    document.getElementsByClassName('list-group')[0].classList.toggle('show');
  });

document.getElementById('login-btn').addEventListener('click',function(){
  document.querySelector('.black-bg').classList.toggle('show-modal')
});

document.getElementById('close').addEventListener('click',function(){
  document.querySelector('.black-bg').classList.toggle('show-modal')
});

이렇게 바꿧더니 로그인버튼을 누르고 창닫기를 해도 모달창이 닫혔다가 로그인버튼을 누르면 다시 모달이 정상적으로 뜨는건 가능해졌지만,,
이게 맞는코드인가요...? toggle외에 다른방법이 있나요?ㅠ..파라미터를 쓰면 html button이 너무 더러워질것같고,, 순수 자바스크립트로 해결하고싶습니다,,