728x90
반응형
문제 1
- 버튼을 클릭하면 프롬포트 창을 나타난다.
- 프롬포트 창에 글자를 입력하고 로그에 해당 내용이 나타나는지 확인한다.
- 버튼을 클릭하면 글자의 색이 바뀌도록 코드를 작성하라.
▶ 코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.ex {
color: red;
}
</style>
</head>
<body>
<div class="ex">자바스크립트 실습 예제</div>
<button onclick="clickEvent()">클릭</button>
</body>
</html>
<script>
function clickEvent(){
alert("클릭했다.");
// const/let/var
var obj = document.querySelector('.ex');
console.log("로그 창 ==>", obj);
console.log("로그 창 ==>");
console.log(obj);
obj.style.color = "blue";
}
</script>
▶ 출력 결과
728x90
반응형
'HRD_훈련 > 실습' 카테고리의 다른 글
| [CSS] 컬러 실습 (29일차) (0) | 2023.06.26 |
|---|---|
| [CSS] Background 문제 (28일차) (0) | 2023.06.24 |
| [CSS] Postion 실습 (27일) (0) | 2023.06.22 |
| [CSS] Float 실습 (27일차) (0) | 2023.06.22 |
| [CSS] Box , Margin, display 실습 (27일차) (0) | 2023.06.22 |