Javascript만을 활용한 스타일 변경 예제
예제
- title 클릭 시 글씨 변경
- 이미지 클릭 시 다른 이미지로 변경
<body>
<h1 id="title">My Profile</h1>
<div id="profile">
<img src="images/pf.png" alt="도레미">
<div id="desc">
<p class="user">이름 : 도레미</p>
<p class="user">주소 : somewhere</p>
<p class="user">연락처 : 1234-5678</p>
</div>
</div>
<script src="js/js-content-2.js"></script>
const title = document.querySelector("#title");
const pfImg = document.querySelector("#profile img");
title.onclick = () => (title.innerHTML = "프로필");
pfImg.onclick = () => (pfImg.src = "images/pf2.png");
