[JavaScript] 자바스크립트 입문 1

💫 알림창 띄우기, 지우기

See the Pen
자바스크립트 입문 by dozzs (@dozzs)
on CodePen.

document.getElementById().style을 이용하여 특정 id를 가진 HTML 태그(요소)의 스타일을 변경할 수 있다.

document.getElementById('alert').style.display == 'none' : X버튼을 눌렀을 때 사라짐 처리

document.getElementById(find()).style.display = 'flex' : 띄우기 버튼을 눌렀을 때 보이게 처리

function find() {
        if(document.getElementById('alert').style.display == 'none')
            return 'alert';
        else if(document.getElementById('alert1').style.display == 'none')
            return 'alert1';
        else if(document.getElementById('alert2').style.display == 'none')
            return 'alert2';
        else
            return '';
    }
    if(find() != '')document.getElementById(find()).style.display = 'flex';

if문을 이용하여 순서대로 켜지도록 띄우기 버튼 생성