Language60 [javaScript] 시계 만들기(clock) 관련함수 Interval: 일정시간마다 반복 실행 setInterval(function, ms); function: 실행시킬 함수 ms: 시간단위 (5000 이면 5초) timeout: 일정시간 뒤 한번 실행 setTImeout(function, ms); padStart,padEnd : 자리수 맞춰주는 함수 문자열.padStart(자리수,디폴트값) "1".padStart(2,"0"); === "01" "1".padEnd(2,"0"); === "10" Clock Log In 00:00 const clock = document.querySelector("h2#clock"); function getClock(){ const date = new Date(); const hours = String(date.get.. 2022. 2. 23. [javaScript] Login 처리 addEventListener() & preventDefault() Log In const loginInput = document.querySelector("#login-form input"); function onLoginSubmit(event){ event.preventDefault(); const username = loginInput.value; if(username === ""){ alert("Please write your name"); } else if(username.length > 15){ alert("15자 이하로만 적어주세요"); } } loginForm.addEventListener("submit", onLoginSubmit); addEventListener() 첫번째 argumen.. 2022. 2. 22. [javaScript] 브라우저와의 연동 사용법 Document document는 브라우저에 존재하는 object console창에서 document를 통해 html 접근 가능. document.title = "임의의 문자열" 을 엔터치면 해당 문자열로 title 변경가능. javaScript에서 document로 html 변경이 가능하다. getElementBy Grab me! const title = document.getElementById("title"); // id값을 통해 HTML element를 반환 title.innerText = "Got you"; // element안의 요소 변경 가능 console.log(title); console.dir(title); // 보다 자세하게 elements 를 볼 수 있음 console.log(tit.. 2022. 2. 19. [javaScript] 기초 문법 변수(variable) let: 재선언 불가, 재할당 가능 const: 재선언 불가, 재할당 불가 var: 재선언 가능, 재할당 가능 let a = 5; a = 6; // 재할당 가능 let a = 6; // 재선언 불가 const b = 5; b = 6; // 재할당 불가 const b = 6; // 재선언 불가 var c = 5; c = 6; // 재할당 가능 var c = 6; // 재선언 가능 var은 예전 문법이므로, 더이상 쓰지 않는다. 대부분 const로 선언하여 사용하고, 재할당해서 사용할 필요가 있을 경우에만 let을 사용한다. 브라우저 콘솔 출력방법 console 함수 사용 console.log(5); // 5 출력 console.log("hello! " + "haebum"); // h.. 2022. 2. 19. 이전 1 ··· 5 6 7 8 다음