본문 바로가기

javascript4

[프로그래머스] 완주하지 못한 선수 - javascript function solution(participant, completion) { var answer = ''; participant.sort(); completion.sort(); for(let i=0; i 2020. 3. 6.
html에서 js 연동 시 주의할 점 웹을 배운다면 html 파일에서 javascript 파일을 자주 연동한다. 연동 시 주의할 점에 대해 작성하겠다. 간단한 예시로 아래와 같이 html 파일을 작성하고 버튼을 만들어주었다. 그리고 같은 폴더의 006.js와 연결해주었다. js 파일에서는 html 문서에 있는 button 태그를 가져와 button 변수에 담고 콘솔에 찍어주게끔 했다. 그러나 콘솔에는 'null'이 뜨고 아무것도 없다고 나온다. 그 이유는 js 파일을 연결하는 코드가 html의 상단에 위치하여 js 코드를 먼저 읽었기 때문이다. html이 완전히 loading되기 전에 js 파일이 실행되어 문제가 발생했다. 해결방법은 두 가지가 있다. 해결방법 1 - html 코드 순서 변경 html 파일만 고치는 방법이다. html에서 코.. 2020. 3. 4.
Javascript의 window.print() 기능 window 객체는 DOM 문서가 들어있는 하나의 창을 나타낸다. 즉 문서의 속성은 해당 창에 로드된 DOM 문서를 가리키고, window.print()는 현재 문서를 인쇄하기 위해 인쇄 대화상자를 여는데 사용된다. html과 자바스크립트 파일로 실행해보았다. Print this page라는 버튼을 만들어주고 버튼을 클릭하면 js파일의 print_current_page()함수를 실행한다. js파일의 print_current_page() 함수에는 현재의 창을 인쇄할 수 있는 window.print() 함수가 들어있다. html파일을 실행해보면 브라우저에서 화면은 이렇다. 버튼을 클릭하면 인쇄할 수 있는 창이 뜬다. 코드 출처 w3resource의 JavaScript: Display the current d.. 2019. 10. 21.
Javascript 날짜 함수 Javascript에서 날짜 객체는 시간값을 기초로 한다. 1970년 1월 1일 이후의 밀리초(milliseconds) 단위의 시간값이다. 가장 기본적인 날짜 함수는 Date()다. 추가적으로 getDay() 함수는 요일을 반환해준다. 현지 시간에 따라 지정된 날짜에 대한 요일을 얻는데 사용된다. 여기서 0은 일요일을 나타낸다. getDay()에 의해 반환되는 값은 요일에 해당하는 정수다. 일요일의 경우 0, 월요일의 경우 1, 화요일의 경우 2 등. getHours() 함수는 현지 시간에 따라 지정된 날짜에 대한 시간을 얻기 위해 사용된다. 반환하는 값은 0에서 23 사이의 정수다. getMinutes() 함수는 현지 시간에 따라 지정된 날짜의 분을 얻기 위해 사용된다. getMinutes()가 반환하.. 2019. 10. 21.