JavaScript/JavaScript 이용하기

[JavaScript] 자바스크립트 글씨 클릭 이벤트

h0-0cat 2023. 6. 10. 16:42
728x90

 

글씨 클릭했을때 그부분이 다른 글씨로 변경되게 만들기

 

 

<!DOCTYPE html>
<html lang="ko">

<head>
	<meta charset="UTF-8">
	<title>JavaScript 긁지않은개발자</title>
</head>

<body>

	<h1>이벤트 타입</h1>
	<p onclick="changeText(this)">이 문자열을 클릭해 보세요!</p>
		
	<script>
		function changeText(element) {
			element.innerHTML = "문자열의 내용이 바뀌었습니다!";
		}
	</script>
	
</body>

</html>

실행 결과 

 


이 문자열을 클릭해 보세요! 라는 글씨를 클릭했을경우 


이렇게 문자열 글씨가 바뀐다!.


 

 

 


직접 클릭해 보세요! 

JavaScript 긁지않은개발자

이벤트 타입

이 문자열을 클릭해 보세요!

 

 

 

728x90