IT/IT 인터넷

[자바스크립트] 태그 안 문자를 버튼 클릭으로 바꾸기

print() 2025. 2. 14. 02:33
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