03/20-1

Posted by:

|

On:

|

setInterval(함수,시간[단위:ms]) : 시간마다 함수를 실행하는 타이머 함수

문자열.padstart(n,k) : 문자열 길이가 n 보다 작으면 k(문자)를 모자란 만큼 문자열의 왼쪽에서부터 생성해주는 함수. 대체로 시간을 보여 줄 때 한자리일 경우 위치가 어긋나게 될 수 도 있어서 그 점을 보안하기 위해 쓰인다.

js파일마다도 서로 공유하기 때문에 한쪽에서 만든 함수를 다른 js에서도 쓸 수 있다. 반대로 생각하면 변수지정이나 함수가 겹치지 않아야 한다.

target의 명확한 확인방법 : https://github.com/KIMPPT/javascript/blob/master/0320/target.html

let h1=document.querySelector("h1);
h1.addEventListener("click",change);
function change(e){
h1=e.target;
console.log(h1);
}

를 script에 짰고

    <h1>
        다른
        <p>
            의미입니다.
        </p>
        <span>
            <div>
                abc
            </div>
        </span>
    </h1>

를 body에 해줬다. 여기서 만약 h1 안의 p 태그인 ‘의미입니다’ 를 클릭하면 콘솔에 p 태그가 나오게 되고 p태그가 아닌 ‘다른’ 을 클릭하면 p를 포함한 h1 태그가 나온다. h1태그 안의 span 태그 안의 div에 해당하는 ‘abc’를 클릭하면 div가 나온다.

h1라는 변수를 h1태그에 대해서 설정한 것은 맞다. 그리고 h1 태그에 대해서 클릭하면 change 함수를 실행하는 이벤트를 추가한 것도 맞다. 다만 익명함수를 썼고 매개변수를 e라고 잡았기 때문에 e에 해당하는 거는 클릭하는 태그가 된다.