Menu

TOP Notice Topic Cord self-introduction Guide Lines

Manage

Login
Cord > Study_Web 전체 다운로드
파일 목록
Study_Web > 이후/practice9-8.html Lines 36 | 936 바이트
다운로드 

                        <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>이벤트 객체 target</title>
    <script>
        let prev = null;
        window.onclick = function (e) {
            if (e.target.tagName.toLowerCase() != "li")
                return
            e.target.style.fontSize = "1.3em";
            if (prev != null)
                prev.style.fontSize = "1em"
            prev = e.target
        }

    </script>
</head>

<body>
    <h3>아이템을 클릭하면 1.3x</h3>
    <hr>
    <p>여름 방학 때 하고 싶은 것들</p>
    <ul>
        <li>자전거로 대한민국 일주</li>
        <li>책 100권 읽기</li>
        <li>철인 3종 경기 준비</li>
        <li>자바스크립트 정복</li>
    </ul>

</body>

</html>