추씨의HTML일기17편(JAVASCRIPT)

금일강의내용정리

==========================================================================

JAVASCRIPT>tut11.html : toggle + onclick 태그를 이용해서 배경색 입혔다 지우는 예제

 

* toggle 태그를 사용하면 on/off 버튼의 기능을 사용할 수 있다!

------------------------------------------------------------------------------------------------

JAVASCRIPT>tut12.html : toggle + addEventListener 태그로 배경전체에 색입혔다 빼기

 

* addEventListener는 사용방식이 약간 다르니 참고해두자!

------------------------------------------------------------------------------------------------

JAVASCRIPT>tut13.html : 저번예제처럼 로그인창을 만들어서 아이디 입력없이 로그인버튼 클릭 시

아이디를 입력해주세요 메시지를 출력하는 예제 사용태그(form, fieldset, if ~ else, legend, label)

 

* 앞으로 쓸모가 있어보이는 예제이니 만큼 잘 기억해두자!

------------------------------------------------------------------------------------------------

JAVASCRIPT>tut14.html : 위와 같은 결과가 나오는 예제이지만 배열을 사용함

 

* 결과가 같기 때문에 이번결과는 생략함

------------------------------------------------------------------------------------------------

JAVASCRIPT>tut15.html : 체크박스(라디오 타입)을 사용한 예제

 

* 이것도 유용할 것 같으니 나중에 잘 써먹도록하자

------------------------------------------------------------------------------------------------

JAVASCRIPT>tut16.html : 라디오를 이용해서 하나만 체크가능하게 하고, 체크안하면 알림이 뜨게하기

 

* querySelector와 querySelectorAll 의 차이를 구분!

------------------------------------------------------------------------------------------------

JAVASCRIPT>tut17.html : 체크박스로 한개이상 셀렉가능하고, 선택안했을시 알림메시지 띄우기

 

* querySelector 사용법을 강조했다!

------------------------------------------------------------------------------------------------

금일 학습내용 총정리
1. toggle + onclick 태그를 이용해서 배경색 입혔다 지우는 예제
2. toggle + addEventListener 태그로 배경전체에 색입혔다 빼기
3. 저번예제처럼 로그인창을 만들어서 아이디 입력없이 로그인버튼 클릭 시
아이디를 입력해주세요 메시지를 출력하는 예제 사용태그(form, fieldset, if ~ else, legend, label)
4. 위와 같은 결과가 나오는 예제이지만 배열을 사용함
5. 체크박스(라디오 타입)을 사용한 예제
6. 라디오를 이용해서 하나만 체크가능하게 하고, 체크안하면 알림이 뜨게하기
7. 체크박스로 한개이상 셀렉가능하고, 선택안했을시 알림메시지 띄우기

 

여기까지 금일강의내용 정리

==========================================================================

느낀점 : 오픈도어수업진행 당황스럽;

==========================================================================

오늘의 결론

.

.

.

.

.

.

.

인생이란 자신을 찾는 것이 아니라 자신을 만드는 것이다. – 롤리 다스칼