button 태그
<button>
태그는 웹 페이지가 사용자와 상호 작용하는 버튼입니다.
예를 들어 사용자가 버튼을 클릭하면 서버로 데이터를 보내거나, 화면 전환 등의 동작을 수행할 수 있습니다.
button 태그 사용 예제
<button>클릭하세요!</button>
위 코드는 "클릭하세요!"라는 텍스트를 포함한 버튼을 생성합니다.
버튼에 기능 추가하기
버튼 자체는 단순한 클릭 가능한 요소일 뿐입니다. 실제로 무언가 특별한 동작을 수행하려면 자바스크립트(JavaScript)
와 같은 프로그래밍 언어를 사용해야 합니다.
예를 들어 버튼을 클릭할 때 경고 메시지를 표시하게 하려면 다음과 같이 작성할 수 있습니다.
클릭 시 경고 메시지 표시
<button onclick="alert('버튼이 클릭되었습니다!')">클릭하세요!</button>
코드의 별표로 강조된 부분을 따라 입력해 보세요.
다음 내용이 궁금하다면?
코드프렌즈 PLUS 멤버십 가입 or 강의를 등록해 주세요!