본문 바로가기

HTML/Javascript 기초

(53)
[Javascript] 세자리 수 마다 콤마(,) 추가하기 input 창으로 숫자를 입력받아 세자리 수 마다 콤마(,)를 추가하는 함수를 만들어보자. 왜 $(document).ready()를 써야만 작동이 되는지는 아직 모르겠지만 $(document).ready()를 사용해서 페이지가 로드 됐을 때, 작동하게 한다. 방법은 1. 숫자를 받아서 문자열길이를 3으로 나눈 다음, 2. 나머지로 나온 숫자 인덱스부터 콤마(,)를 찍기 시작하면 된다. 3. 그래서 나머지 숫자만큼 문자열을 자르고 4. 콤마를 추가하고 5. 그 다음 3개 문자열을 잘라내고 6. 콤마를 추가하고 7. 그것을 반복한다. 그래서 while문으로 콤마가 찍힐 인덱스가 문자열 길이보다 커지면 끝나도록 설정한다. input으로 문자를 받아오는 방법 은 document.getElementById("in..
[Javascript] string 기초 배워보기 자바스크립트에서 string 타입을 다른 언어에서처럼 함수를 가지고 이용해볼 수 있다.
[Javascript] Math 이용해서 실습 화면에서 하나의 수를 입력 받아 10에 100사이의 값이면 입력 받은 숫자를 출력하고 10보다 작을 경우 10, 100보다 큰 경우 100을 출력한다. Math.min()과 Math.max()를 이용한다. 출력은 alert()를 이용.
[Javascript] 자바스크립트 수학(Math) 사용해보기 자바스크립트에서는 수학 관련된 함수들을 사용할 수 있다. Math.함수를 이용해서 여러가지 표현을 할 수 있다.
[Javascript] core Time 실습 setTimeout으로 시간을 지정한 다음 그 시간동안 물고기 그림을 얼마나 클릭하나 확인하는 코드를 작성해본다. 현재점수 0
[Javascript] clearInterval 사용해보기 clearInterval은 setInterval로 실행된 함수를 초기화 시키는 함수이다. 0
[Javascript] timeout 사용해보기 timeout 이라는 것은 일정 시간 후에 함수가 동작이 되게 하는 것이다. setTimeout(함수, 몇초 뒤에 함수가 실행될 것인지(0.001초 단위)) 0 페이지가 로드되고 1초 뒤에 welcome 나타난다.
[Javascript] timer 사용하기 자바스크립트에서 제공하는 setInterval이라는 함수를 이용하여 화면에 나타내보자 setInterval(함수, 시간(0.001초 단위)) 0 jquery 부분을 첨부하는데 경로문제가 생겨 웹상에서 가져왔다. 나중에 해결해야할 부분이고 $를 쓰려면 jquery가 꼭 필요하다. $(document) 는 웹 페이지가 실행될 때 초기 설정을 의미한다.