[JavaScript] children, parent, siblings, before after, remove, classList, forbidden, char num, date

[JavaScript] children, parent, siblings, before after, remove, classList, forbidden, char num, date

dom children html DOCTYPE html> Document HTML CSS Vanila js React js // TODO: 자식 요소(태그) 접근 // 선택함수 : querySelector(css선택자) let ulTag = document.querySelector("ul"); // ul 태그 // TODO: 사용법 : 태그.children[1] : 2nd li // 태그.children[2] ; 3rd li let two = ulTag.children[1].innerHTML; // 2nd li의 텍스트 let three = ulTag.children[2].innerHTML; // 3rd li의 텍스트 // 출력 console.log("two", two); console.log("thre..

  • format_list_bulleted HTML/JavaScript
  • · 2023. 8. 23.
  • textsms

[JavaScript] 함수, 객체

exam7 html DOCTYPE html> Document js // 문제 // 연습문제 1) // 현재 날짜를 아래와 같이 주어진다. // 12시 이전이면 "오전입니다." 라고 출력하고, // 12시 이후이면 "오후입니다." 라고 출력하는 // 프로그램을 코딩하세요. // let date = new Date(); // let hour = date.getHours(); // if(hour Document js // 객체 : 실생활에서 보이는 모든 것을 객체라고 함 // 예) 사람, 사물 등 // 객체의 요소 : 1) 속성(특징나타냄, 90%), 2) 함수(행동, 동작) // 비교) css 사용법 // 선택자 { // 속성: 값; // 속성2: 값2; // ... // } // TODO): 객체 사용법(..

  • format_list_bulleted HTML/JavaScript
  • · 2023. 8. 21.
  • textsms
[CSS] 폰트, 밑줄, 글자 속성, 정렬

[CSS] 폰트, 밑줄, 글자 속성, 정렬

exam 1 html DOCTYPE html> Document 제목 글자 안녕하세요 또만났군요 css /* 문제 풀이 : 태그 */ h1 { color: red; } p { color: blue; } class html 사과 바나나 오렌지 감 css /* 클래스 선택자 */ /* id선택자 vs class선택자 차이 id선택자 : 중복 불가(이름) class선택자 : 중복 허용(이름) ,실무 디자이너 사용 */ /* 사용법 : .클래스명 { 속성:값; } */ .select { color: red; } 결과 exam css1 html 웹 기획 과정 - 사용자 층 분석과 사이트 목적 - 콘텐츠 설계 - 스토리보드 제작 css h3 { /* 글자색 */ color: blue; /* 폰트 스타일 : 맑은 고딕..

  • format_list_bulleted HTML/Css
  • · 2023. 8. 4.
  • textsms
[HTML]테이블, 이미지 링크연결, 라디오, 체크박스, 버튼, 파일첨부, 대화상자, 아이디 비밀번호(텍스트 입력)

[HTML]테이블, 이미지 링크연결, 라디오, 체크박스, 버튼, 파일첨부, 대화상자, 아이디 비밀번호(텍스트 입력)

exam html로 작성해보기 DOCTYPE html> Document 두 번째 목록 Lorem ipsum sit amet Lorem ipsum sit amet Lorem ipsum sit amet 두 번째 목록 Lorem ipsum sit amet Lorem ipsum sit amet Lorem ipsum sit amet exam2 html로 작성해보기 첫 번째 목록 디자인 Lorem ipsum dolor sit amit Lorem ipsum dolor sit amit Lorem ipsum dolor sit amit Lorem ipsum dolor sit amit 두번째 목록 디자인 시작 Lorem ipsum dolor sit amit Lorem ipsum dolor sit amit Lorem ipsu..

  • format_list_bulleted HTML/Html
  • · 2023. 8. 2.
  • textsms