일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 문자열
- 배열
- windows
- input
- 테이블
- 자바스크립트
- Button
- CSS
- vscode
- js
- Java
- list
- table
- html
- 인텔리제이
- 정규식
- Array
- date
- javascript
- ArrayList
- Eclipse
- Maven
- json
- CMD
- Visual Studio Code
- 이클립스
- 자바
- string
- 이탈리아
- IntelliJ
- Today
- Total
목록2021/01/02 (2)
어제 오늘 내일
Javascript에서 버튼을 활성화/비활성화 하는 방법을 알아봅니다. input 태그의 disabled 속성 HTML의 태그를 사용한 버튼을 활성화/비활성화 할때는 disabled 속성을 이용합니다. 기본적으로 input 태그에 disabled 속성을 따로 명시해 주지 않으면, 버튼은 활성화됩니다. input 태그에 disabled 속성을 명시해 주면, 버튼이 비활성화 됩니다. disabled 속성에 어떤 값을 주면, 버튼은 활성화되게 됩니다. 따라서, disabled 속성에 값을 주면서, 버튼을 비활성화 하고 싶다면 'disabled'라고 명시해 주어야 합니다. 버튼 클릭하여 활성화/비활성화 하기 '활성화' 또는 '비활성화' 버튼을 클릭하세요 function btnActive() { const tar..
브라우저에서 버튼을 클릭했을 때, 숫자를 증가/감소 시키는 코드입니다. 버튼 클릭시 숫자 증가/감소 시키기 0 function count(type) { // 결과를 표시할 element const resultElement = document.getElementById('result'); // 현재 화면에 표시된 값 let number = resultElement.innerText; // 더하기/빼기 if(type === 'plus') { number = parseInt(number) + 1; }else if(type === 'minus') { number = parseInt(number) - 1; } // 결과 출력 resultElement.innerText = number; } HTML onclick=..