300x250
태그 안의 문자를 버튼 클릭으로 바꾸는 법입니다.
주석을 참고하세요.
<!DOCTYPE html>
<html>
<body>
<h2>P 태그 버튼으로 문자 바꾸기</h2>
<!-- 문자를 바꿀 태그 -->
<p id="demo">변경전</p>
<!-- 클릭 할 버튼, 클릭 시 myFunction 함수를 호출 -->
<button type="button" onclick="myFunction()">마법의 버튼</button>
<script>
function myFunction() {
// demo 라는 id를 가진 태그를 찾아 내용을 변경
document.getElementById("demo").innerHTML = "변경후";
}
</script>
</body>
</html>
마법의 버튼 클릭 전
마법의 버튼 클릭 후
300x250
'IT > IT 인터넷' 카테고리의 다른 글
| [자바스크립트] 디버깅 로그 개발자 도구에서 확인하기 (0) | 2025.02.19 |
|---|---|
| [자바스크립트] 경고창, 팝업창, 알림창 띄우기 (1) | 2025.02.16 |
| 오라클 DB에서 첫 번째 조회는 되나 두 번째 조회는 되지 않는 문제 (0) | 2025.01.22 |
| CSS Flexbox로 간단하고 효율적인 레이아웃 만들기 (0) | 2025.01.17 |
| HTML과 CSS로 개인 프로필 페이지 만들기 (0) | 2025.01.17 |