[JavaScript] 애니메이션, form, 조건문

one-way UI애니메이션

1. 시작 스타일이 담겨져있는 클래스
2. 최종 스타일이 담겨져있는 클래스
3. 무엇을 했을 때 1 → 2로 변하도록
4. transition 사용 : 3번의 변화과정을 보여줌 transition: all 1s;

📌 display : none 대신 visibility: hidden,

display : block 대신 visibility: visible 사용

display : 아예 사라지게 하는 것, 보이지않고 해당 공간도 존재하지 않게

visibility : 보이지만 않고 해당 공간은 존재, width와 height값을 주었다면 그만큼의 공간도 존재하게 됨

form

: 데이터를 주고 받음에 있어서 사용a

action 속성 : <form action ="페이지의 주소">

→ submit 이루어지면 입력받은 데이터와 함께 명시한 주소의 위치로 이동 :

조건문

if (조건)
{조건이 참일 때 실행할 코드}

if (조건) 
{첫 번째 if문 조건과 상관없이 조건이 참일 때 실행할 코드 }

else
{첫 번째 if문 참이 아닐 때 실행할 코드}