HTML／CSS

[HTML/CSS] 버튼 클릭으로 하단 메시지 띄우기

teamnova 2024. 5. 25. 12:00
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>

 

결과는 다음과 같습니다.