728x90
안녕하세요 오늘은 버튼을 클릭하면 하단에 메시지를 띄우도록 하겠습니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>이벤트 추가 예제</title>
</head>
<body>
<button onclick="displayMessage()">클릭하세요</button>
<p id="message"></p>
<script>
function displayMessage() {
document.getElementById('message').innerHTML = "버튼이 클릭되었습니다!";
}
</script>
</body>
</html>
결과는 다음과 같습니다.
'HTML／CSS' 카테고리의 다른 글
| [HTML/CSS]CSS Flexbox에 대한 가이드 (0) | 2024.07.10 |
|---|---|
| [HTML/CSS] Position 속성에 대한 가이드 (0) | 2024.07.01 |
| [HTML/CSS] html css 상단바 만드는법 (0) | 2024.05.19 |
| [HTML/CSS] Tailwind로 검색이 가능한 드롭다운 구현하기 (0) | 2024.05.13 |
| [HTML/CSS] Tailwind로 비밀번호 일치 여부 확인하기 (0) | 2024.04.24 |
