javascript

javascript & jquery- 버튼 클릭시 텍스트 변경 내용 변경

김도롱 2022. 7. 19. 16:30

javascript 기본 오브 기본 예제 

jquery 기본 오브 기본 예제 

javascript 기초 - 버튼 클릭시 텍스트 변경 내용 변경 

 

 

<!DOCTYPE html>
<html>
<body>

<h2> javascript </h2>

<p id="here">■■■■(here)■■■■</p>

<button type="button" onclick='document.getElementById("here").innerHTML = "요기!! "'> CLICK</button>

</body>
</html>

 

 

 

CLICK 버튼을 클릭하면 ~~~

 

 

 

 

이렇게 바뀝니다. 

 

 

제이쿼리를 이용한 것은 .. 

 

<script>

function change(){
	 $("#jqueryHERE").html("★요기★");  
}

</script>
</head>
<body >
<h2> JQUERY </h2>
<p id="jqueryHERE">■■■■(here)■■■■</p>

<button  id ="test" type="button"  onclick="change()"> CLICK</button>
    
</body>
</html>

 

 

 

이상입니다 ~~