JS

JS/클론 코딩

시계 숫자 두 개로 만들기

padStart padStart() 메서드는 현재 문자열의 시작을 다른 문자열로 채워, 주어진 길이를 만족하는 새로운 문자열을 반환한다. 채워넣기는 대상 문자열의 시작(좌측)부터 적용된다. function getClock() { const date = new Date(); let hours = String(date.getHours()).padStart(2, "0"); let minutes = String(date.getMinutes()).padStart(2, "0"); let seconds = String(date.getSeconds()).padStart(2, "0"); clock.innerText = `${hours}:${minutes}:${seconds}`; } 더보기 출처 및 참고자료 1. 노마드코..

JS/클론 코딩

JS로 HTML에 접근하기

Document Object 노마드코더 ‘바닐라 JS로 크롬 앱 만들기’ 강의에서 얻은 정보이다. 브라우저에는 HTML 정보가 들어있는 document object를 전달해준다는 것을 구글 크롬 개발자 도구의 console을 통해서 알 수 있다. 처음에 html 파일을 생성하고, document라는 변수에 어떤 것도 해주지 않아도 자동으로 데이터가 설정되어 있다. 그리고 document에는 여러 가지의 다양한 property가 있는 것을 확인할 수 있다. 즉, JS에서는 이 property들을 이용하여 html을 보다 interactive 하게 만들 수 있는 것이다. 대표적인 예시로 document.title이라는 property를 사용하여 브라우저 탭의 제목을 변경할 수 있다. document.getE..

주디_JUDI
'JS' 태그의 글 목록 (3 Page)