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>
수행결과
'개발자노트 > 웹' 카테고리의 다른 글
| HTML 자료형 확인하기 (0) | 2022.07.25 |
|---|---|
| HTML 변수선언과 자료형 + Uncaught ReferenceError (0) | 2022.07.25 |
| HTML 외부 Script [JS] 불러오기 (0) | 2022.07.25 |
| Html - 외부 폰트 사용하기 (0) | 2022.07.22 |
| Html - 애니메이션 효과2 (애니메이션 프레임 , transform) (0) | 2022.07.22 |
