[JS,jQuery] 클릭시 색 변경, script에 onclick

이전글에서는 onclikc 이벤트를 html에서 줬는데

이번글에서는 script에서 이벤트를 실행할 것이다

<body>
    <h1 id="color">안녕하세요</h1>
    <p id="text">위 글씨를 클릭해보세요</p>

    <script>

        let color = document.querySelector('#color');
          
        color.onclick = function(){
            color.style.color = 'orange';
        }

    </script>
</body>

- color라는 변수에 document.qu~~ 로 id값 color 를 가져와 저장한다

- color.onclick = function()

color 클릭시 함수 실행 { color의 색깔 bule로 }

티스토리툴바