js 파라미터 || getElementsByClassName()[index] || addEventListener('이벤트', 실행내용)

function 알림창열기(구멍) {
      document.getElementById('alert').style.display = '구멍';
      // 오류 코드
    }

문자열이 오는 자리인데, 저렁게 변수에 ''를 해줬으니 오류가 뜨는것.
파라미터는 그저 문자든, 숫자든 다 올 수 있는 중간 공간의 개념이기 때문에
변수명만 기입하면 되는데 말이다.
아래처럼 수정해주면 된다.
그리고 파라미터로 단순히 문자열로 써주는 것도 가능하다.

<button onclick="알림창열기('block')">버튼</button>
...

function 알림창열기(구멍) {
      document.getElementById('alert').style.display = 구멍;
      // 알맞은 코드
    }

className은 같은 이름을 여러번 선언가능. index로 컨트롤한다.

getElementsByClassName()[index]

• event

document.getElementById('close').addEventListener('click', function () {
      document.getElementById('alert').style.display = 'none';
    });

event 종류
클릭, 키입력('keydown'), 스크롤, 드래그('mouseover')