728x90 반응형 Coding With Jina154 [자바스크립트] input date 입력값 확인 눌러서 출력하기 생각해보면 엄청 간단하고 쉬운 거고 자주 쓰는 건데 쓸때마다 까먹는 다.... 제대로 기록해서 미래의 나에게 도움이 되길..ㅋㅋ 나는 날짜를 선택하고 나서 확인을 누르면 그 데이터를 출력하거나 다른 곳에 이용할 수 있도록 해볼 것인데 text를 입력받은 후에 하려면 id="input_date"의 type을 text로 변경하면 될 듯! HTML - 먼저 HTML에서 타입이 date인 input과 submit인 input을 2개 만든다. - 타입이 submit인 input에 onclick="input()" 을 넣어준다. - 여기서 input()은 확인을 누르면 자바스크립트에서 실행되는 함수이다. 이 함수는 input_date랑 연결되어 있을 예정 자바스크립트 - 참고로 #은 id고 .은 class다!! 잊지.. 2021. 1. 6. [자바스크립트] 시간 단위 그리고 밀리초로 바꾸는 getTime() 함수 1 밀리초 = 1/1000초 1초 = 1000 밀리초 1분 = 60초 (60*1,000 = 60,000 밀리초) 1시간 = 60분 (60 * 60 * 1,000 = 3,600,000 밀리초) 1일 = 24시간 (24 * 60 * 60 * 1,000) 날짜를 계산할 때에는 밀리초로 바꾸고 계산하는 것이 좋음 날짜 정보를 밀리초로 가져오는 함수 getTime() const now = new Date(); const firstDay = new Date("2016-03-27"); const tonow= now.getTime(), passedTime = firstDay.getTime(); console.log("tonow = "+tonow+" and passedTime = "+passedTime); ◆ 결과 2021. 1. 4. [자바스크립트] 시계 오전 오후로 나눠서 출력하기 오전 오후로 나누려면 hour 부분에 if문 축약형을 간단하게 사용해서 출력할 수 있다. ${hour 2021. 1. 4. [자바스크립트] 시계 10 이하 숫자 두자리수로 만들기(if문 단축형/축약형) Date() 함수로 시간을 불러오면 01 02 03 이런식으로 출력되는 게 아니라 1 2 3 이런식으로 출력되는데 시각적으로 예쁘지 않으니까 10 이하의 숫자는 앞에 0이 붙도록 만들어보자! function getTime(){ const date = new Date(); const min = date.getMinutes(); const hour = date.getHours(); const sec = date.getSeconds(); clockTitle.innerText=`${hour}:${min}:${sec}`; } 2. 두자리수로 사용하고 싶은 부분에 ${x 2021. 1. 4. [1분코딩] 자바스크립트 기초 - DOM 1분 코딩 자바스크립트 기초 강의 Part 3 정리 ※ 이번 내용은 개발할때 자주 쓰는 것들이므로 꼭 알아둘것!! ◆ DOM (Document Object Model) → 웹 문서의 모든 요소를 자바스크립트를 이용하여 조작할 수 있도록 객체를 사용해 문서를 해석하는 방법 ◆ DOM 요소에 접근하는 여러가지 방법 ① querySelector("선택하고자하는 태그"); → 선택하고자 하는 태그가 여러개이어도 첫번째 태그만 선택함 ② querySelectorAll("선택하고자하는 태그"); → 선택하고자 하는 태그가 여러개일 경우 모두 선택함 → 배열처럼 되어있으므로 그 중 하나를 선택할꺼면 querySelectorAll("선택하고자하는 태그")[1]; 이런식으로 사용하면 됨 ◆ classList ① clas.. 2020. 12. 1. [Github] ⑤ Updating Github Pages ◆ 레파지토리에 올려놓은 코드를 수정하고 싶을때 → [④ Github Desktop으로 repository에 프로젝트 업로드하기] 포스팅과 거의 비슷한 방법이므로 사진은 생략함 ① 깃허브 데스크탑를 열고 꼭 gh-page가 아닌 main에서 작업해야함! → 모든 수정은 꼭 main branch에서 할 것 ② 브랜치를 main으로 두고 나서 레파지토리와 연결되어있는 수정하고자 하는 코드를 Visual Studio Code에서 수정한 후에 저장 이 이후부터는 업로드 방법 같으므로 이전 포스팅 참고할 것 ③ 업로드하는 파일의 설명 적고 commit to master를 클릭하고 나서 Fetch origin 클릭 ④ gh-pages로 이동해서 상단 메뉴에 있는 Branch 안에 Update from main 클릭.. 2020. 11. 30. 이전 1 ··· 15 16 17 18 19 20 21 ··· 26 다음 728x90 반응형
