어제 오늘 내일

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=..

HTML로 이미 정의한 버튼의 이름을 이벤트가 발생했을 때 변경하는 방법입니다. 여기서는 버튼을 클릭했을 때, 버튼의 이름을 변경해 보도록 하겠습니다. 1. 일 경우 2. 일 경우 1. 일 경우 function changeBtnName() { const btnElement = document.getElementById('btn'); btnElement.value = "새이름!"; } btnElement.value = "새이름!"; 버튼이 으로 정의된 경우 element의 value 값을 변경하여, 버튼 이름을 변경할 수 있습니다. 2. 일 경우 텍스트 변경 하기 클릭!! function changeBtnName() { const btnElement = document.getElementById('btn'..

지난 번에는 태그와 태그로 입력받은 데이터를 서버로 전송하는 버튼을 만드는 방법을 알아보았습니다.[HTML] 입력받은 데이터 서버로 전송하기 - submit 이번에는 입력 받은 데이터를 서버로 전송하지 않고, 다른 스크립트를 실행할 수 있는 버튼을 만드는 방법을 알아보도록 하겠습니다. 태그로 버튼(button) 생성하기지난번 포스팅에서 태그의 ‘type’ 속성에 들어가는 값들에 대해서 알아보았습니다.text 일반 텍스트를 입력받을 수 있습니다.password 패스워드를 입력받을 수 있도록, 입력값이 화면에 보여지지 않도록 합니다.submit 태그 내에 입력된 데이터를 서버로 전달해 줍니다.button 버튼을 생성해 줍니다.checkbox 체크박스 형태의 입력을 받을 수 있습니다.radio 라디오 버튼 형..