본문 바로가기

개발자노트/웹

HTML JS(내부스크립트, onclick ) 함수사용 기본예제

box를 클릭하면 box 색상을 바꾸는 함수를 만들어서 사용

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JS - 내부 script</title>
<style type="text/css">
   #box {
      width: 100px;
      height: 100px;
      background-color: coral;
      cursor: pointer;
   }
</style>
</head>
<body>
<script type="text/javascript">
   function changeColor(obj){
      obj.style.backgroundColor="lightblue";
   }
</script>

<div id="box" onclick="changeColor(this)"></div>

</body>
</html>

 

수행결과