JS8 [javaScript] 랜덤명언 & 배경생성 관련함수 Math.random >> 0이상 1미만 랜덤 실수 제공한다. Math.random() >>반올림 처리 Math.ceil() >>올림 Math.floor() >>내림 랜덤 명언 생성 quotes.js //quotes array const quotes = [ { quote: 'I never dreamed about success, I worked for it', author: 'Estee Lauder' }, { quote: 'Do not try to be original, just try to be good.', author: 'Paul Rand' }, { quote: 'Do not be afraid to give up the good to go for the great', author: 'Joh.. 2023. 6. 14. [javaScipt] 시계 만들기(clock) 함수 Interval setInterval(function, ms); //1000ms 1초, 5000ms 5초 padStart() , padEnd() 함수 pad는 좌우에 특정한 문자열로 채우는 기능이다. 문자열.padStart(자리수, "디폴트 값"); 디폴트 값 : "숫자, 문자, * " 올 수 있다. const clock = document.querySelector("h2#clock"); function getClock() { const date = new Date(); const hours = String(date.getHours()).padStart(2, "0"); const minutes = String(date.getMinutes()).padStart(2, "0"); const seconds.. 2023. 6. 8. [javascript] Login 처리 prevenetDefault(); 브라우저가 기본 동작을 실행하지 못하게 한다. event object는 preventDefault함수를 기본적으로 갖고 있다. ★중요★ form 을 submit 하면 브라우저는 기본적으로 페이지를 새로고침 하도록 되어있다. (내가 원하는게 아님) event.preventDefault() 함수를 사용해서 브라우저의 기본 동작을 막을 수 있다. preventDefault 함수는 EventListener 함수의 '첫 번째 argument' 안에 있는 함수이다. 첫 arument는 지금 막 벌어진 event들에 대한 정보를 갖고 있다. JS는(기본적으로)argument를 담아서 함수를 호출하는데, 이 argument가 기본 정보들을 제공하고 있다. ex) 누가 submit주체인.. 2023. 6. 5. [javaScript] 브라우저와의 연동 사용법 Document document는 브라우저에 존재하는 object 이다. console 창에서 document를 통해 html 접근 가능하다. document.title = "임의의 문자열" 을 엔터치면 해당 문자열로 title 변경 가능 js 에서 document로 html 변경이 가능하다. getElementBy getElementById 외에도 (id는 한개만 지정 가능하므로, 1개 반환) document.getElementsByClassName(파라미터) document.getElementsByTagName(파라미터) 등이 있음. 위의 함수들은 값의 개수만큼 array형태로 반환 queryselector queryselector는 특정 name, id, class를 제한하지 않고 css 선택자를 .. 2023. 6. 4. 이전 1 2 다음
