728x90 반응형 JavaScript2 [JavaScript] 대화상자 삭제하기 같이 학습하는 개발자가 JS 기초 과제를 던져주었다. 😊 한번 해결해봅시다. 설명 기본 웹 사이트는 위와 같습니다. 각 대화상자별 우측에 있는 X 버튼을 클릭하면 해당 대화상자를 삭제하세요. 풀이 방법 1. X 버튼에 해당하는 태그들을 가져옵니다. (class 이름으로 태그 가져오기) 2. 각 버튼들의 부모 태그인 대화상자를 삭제하는 메서드를 작성합니다. (부모 요소 찾은 후 삭제) 3. X 버튼들에 클릭 이벤트를 등록하고 위에 작성한 메서드를 등록합니다. (이벤트리스너 활용) 기본 형태(index.html) Alert1 X Alert2 X Alert3 X Alert4 X 내 JavaScript 코드 (더보기 클릭) 더보기 const closes = document.getElementsByClassNam.. 2021. 10. 17. [JavaScript] '==' 와 '===' 차이 JavaScript '==' 와 '===' 차이 알고리즘 스터디 중 JS로 문제를 푸는 스터디원의 코드를 보고 이야기한 내용을 정리합니다. 위 두 연산자는 스크립트에 존재하는 두 연산자입니다. 두 연산자의 차이를 알아봅니다. '==' 연산자(동등 연산자) 피연산자들의 '값'의 일치여부를 비교하여 결과를 반환합니다. '===' 연산자(일치 연산자) 피연산자들의 '값' && '타입'의 일치여부를 비교하여 결과를 반환합니다. '==' 연산자(동등 연산자) 예제 코드 "1" == 1; // true 1 == "1"; // true 0 == ''; // true 0 == false; // true 0 == null; // false 0 == undefined; // false null == undefined; /.. 2021. 8. 8. 이전 1 다음 728x90 반응형
