일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- 이클립스
- IntelliJ
- list
- 자바
- 자바스크립트
- 이탈리아
- Java
- 문자열
- javascript
- Eclipse
- table
- CSS
- js
- string
- 배열
- 인텔리제이
- Maven
- 테이블
- html
- vscode
- json
- ArrayList
- date
- input
- 정규식
- windows
- Visual Studio Code
- CMD
- Button
- Array
- Today
- Total
목록javascript (187)
어제 오늘 내일
Javascript에서 소수점 2번째 자리에서 올림, 내림, 반올림, 버림 하는 방법은 다음과 같습니다. 올림 (ceil()) ceil()은 주어진 숫자 이상의 가장 작은 정수로 값을 올리는 함수입니다. function ceilTest(number) { return Math.ceil(number * 100) / 100; } // 예제 document.write(ceilTest(10.123)); // 10.13 document.write(' '); document.write(ceilTest(5.6781)); // 5.68 입력값이 10.123인 경우를 예로 들어 설명하겠습니다. number * 100; 주어진 숫자 10.123에 100을 곱하면 1012.3입니다. Math.ceil(number * 100)..
Javascript에서 현재 날짜를 yyyymmddhhmmss 형식으로 표현하려면, 먼저 Date 객체를 활용하여 현재 날짜, 현재 시간을 구하고, 년, 월, 일, 시, 분, 초 정보를 읽어서 yyyymmddhhmmss 형식에 맞게 조합하여 줍니다. 먼저, 현재 날짜, 시간 구하는 방법이나, Javascript에서 날짜, 시간을 다루는 구체적인 방법은 아래 링크의 지난 포스팅을 참조하세요. [Javascript] 현재 날짜, 시간 구하기 [Javascript] Date 객체로 원하는 날짜, 시간 표현하기 [Javascript] 날짜 계산하기 (년/월/일 더하기, 빼기) [Javascript] 월의 마지막 날짜 계산하기 [Javascript] 날짜 계산 (Date) 마지막 날짜(말일)/윤달/윤년 처리하기 ..
경우에 따라 input 항목에 자동으로 포커스를 이동시켜서 사용자 편의를 증가시킬 수 있습니다. 다음은, 버튼 클릭 시 input 항목에 focus를 이동시키는 예제입니다. focus() 클릭하세요 function btnClick() { const myinput = document.getElementById('my-input'); myinput.focus(); } HTML 버튼 클릭 시, btnClick() 함수를 호출합니다. JAVASCRIPT document.getElementById('my-input'); getElementById() 함수를 이용하여, 포커스를 이동시킬 input 요소를 선택합니다. myinput.focus(); focus() 함수를 이용하여, 포커스를 input 요소로 이동시킵니..
Javascript를 이용하여 버튼 클릭 시 input form의 값(value)을 변경하는 예제입니다. 버튼 클릭 시, input 값 변경하기 클릭하세요 function btnClick() { const myinput = document.getElementById('my-input'); myinput.value = "안녕하세요"; } HTML 버튼을 클릭하면, btnClick() 함수를 호출합니다. JAVASCRIPT document.getElementById('my-input'); getElementById() 함수를 이용하여, id가 my-input인 input form 요소를 선택합니다. myinput.value = '안녕하세요'; 선택한 input form 요소의 value를 '안녕하세요'로 변..
버튼을 클릭했을 때, Javascript를 이용하여 div 영역을 보여주거나 숨기는 예제입니다. 1. display 클릭하세요 #my-div { width: 100px; height: 100px; background-color: blue; } function btnClick() { const mydiv = document.getElementById('my-div'); if(mydiv.style.display === 'none') { mydiv.style.display = 'block'; }else { mydiv.style.display = 'none'; } } HTML 버튼 클릭 시, 호출할 함수를 연결합니다. JAVASCRIPT document.getElementById('my-div'); 보이기, 숨..
Javascript에서 오늘 날짜를 구하고, yyyymmdd 또는 yyyy-mm-dd 형식으로 출력하는 방법입니다. 먼저, 오늘 날짜를 구하는 방법은 지난 포스팅을 참조하세요. [Javascript] 현재 날짜, 시간 구하기 [Javascript] 현재 날짜, 시간 구하기 JavaScript에서 현재 날짜와 시간을 구하는 방법을 알아보도록 하겠습니다. 현재 날짜 구하기 See the Pen CurrentDate by anna (@hianna) on CodePen. new Date()는 현재 날짜와 시간을 가지는 객체를 리턴합니다. 현 hianna.tistory.com 오늘 날짜 yyyymmdd, yyyy-mm-dd 패턴으로 출력하기 // 오늘 날짜 const today = new Date(); // 년도..
jQuery를 이용하여 특정 id가 존재하는지 확인하기 위해 length 속성을 사용할 수 있습니다. id 존재 여부 확인하기 : length Hello const myDivSize = $('#myDiv').length; // 1 const myDiv2Size = $('#myDiv2').length; // 0 document.write(' myDiv length : ' + myDivSize); document.write(' myDiv2 length : ' + myDiv2Size); $('#myDiv') 존재하는지 확인하려고 하는 요소를 id로 선택합니다. .length length 속성은 선택한 요소가 선택된 개수를 리턴합니다. 따라서, 만약 선택된 요소가 없으면 0을 리턴하고, 선택된 요소가 있으면 양..
지난번에는 jQuery를 이용하여 div의 높이와 너비를 읽어오는 방법을 알아보았습니다. [jQuery] div 높이 너비 구하기 (height(), width()) div의 높이, 너비 변경하기 div의 높이와 너비를 구할 때와 마찬가지로 다음 두 함수를 사용할 수 있습니다. height() width() 위 두 함수를 사용하면 픽셀 단위로 요소의 높이, 너비를 지정할 수 있습니다. Hello #myDiv { background-color: yellow; } $('#myDiv').height(200); $('#myDiv').width(200); $('#myDiv').height(200); $('#myDiv').width(200); height()와 width() 함수의 파라미터로 div의 높이와 너비를..
지난번에는 div 안에 text를 추가하는 방법을 알아보았습니다. [jQuery] div 안의 텍스트 변경 text(), html() 이번에는 div 안의 텍스트를 읽어오는 방법입니다. text() 텍스트를 추가할 때와 마찬가지로 텍스트를 읽어올 때도, text() 메소드를 사용할 수 있습니다. 이번에는 파라미터를 전달하지 않고 호출합니다. Hello // Hello const value = $('#myDiv').text(); document.write(" 읽어온 값 : " + value) $('#myDiv').text() id가 myDiv인 div를 선택하고, text() 메소드를 사용하여 div의 텍스트를 읽어옵니다.
jQuery를 이용해서 특정 class를 가지는 요소 갯수를 구하는 방법입니다. 클래스 선택자 / length const my2cnt = $('.my2').length; // 2 document.write(my2cnt); $('.my2').length $('.my2') 클래스 선택자를 이용하여 my2 클래스를 가지는 요소들을 선택합니다. length length 속성을 사용하여 위에서 선택된 요소가 몇개인지 얻어냅니다. 위 예제에서 my2 클래스를 가지는 요소는 2개입니다.