2022/12/12 (회원등급 조건문 줘서 출력하기 바닐라js)

프론트 개발 도중 유저가 가진 포인트에 따라 등급을 출력해서 보여주는 로직을 만들어야 했다.

회원정보 페이지 안에서 나의 현재 등급을 포인트에 값에 따라 다르게 출력되게 만들어줘야 했는데 이를 만들기 위해서는 조건문으로 간단하게 처리가 가능했다.

우선 첫번째로

위와 같이 만들어놓은 유저 정보를 받는 함수를 await 해서 변수안에 담아준다.

두번째로는

출력하고자 하는 html 안에 클래스명을 정해주고 변수안에 지정해준다.

마지막으로는 innerText를 이용해서 지정된 위치에 내가 원하는 html을 넣어준다 이때 가진 포인트값에 따라 if문으로 조건을 설정해주고 조건에 따라 다른값을 넣어주면 된다.

참고로 if 문 안에 있는 &&는 두 조건을 같이 포함하는 and라는 뜻이고 둘 중 하나만 성립하는 조건 or 같은 조건이 필요하다면 ||를 넣어주면 된다.