hye-log

[노마드코더]바닐라JS로 크롬 앱 만들기 (25)form 없애고, HTML 요소 보이기 본문

NomadCoder/(JS)크롬 앱 만들기

[노마드코더]바닐라JS로 크롬 앱 만들기 (25)form 없애고, HTML 요소 보이기

iihye_ 2022. 2. 20. 14:00

step1. 유저가 이름을 제출하면 form을 없애기
1) HTML 요소 자체를 없애기
2) CSS 이용해서 숨기기
CSS에 hidden 정의하고 app.js에서 classList에 hidden 추가한다.

step2. HTML 요소 추가
h1 으로 greeting을 새롭게 정의한다.

초기 상태를 hidden으로 하고, form이 숨겨지면 greeting이 보여지는 형태로 바꾼다.

greeting이 보여지려면 classname에서 hidden을 삭제하면 된다.

app.js에서 #11 처럼 두 개의 string을 합칠 때 +를 사용하는 것보다 `(백틱)과 ${}를 사용하는 것이 좋다.

 

728x90
Comments