코시국에 Coding Life📑

버튼을 누르면 오늘 날짜 출력하기 - 기존 방식처럼 태그에 직접적으로 함수를 걸지 않고, 스크립트를 이용하여 이벤트 실행하기 실행 - 브라우저 출력 버튼 위에 마우스를 올리면 다양한 이벤트 실행하기 실행 - 브라우저 출력 - 첫번째 사진 : 마우스를 실행버튼 위에 올렸을 때 - 두번째 사진 : 마우스를 실행버튼 위에 올리고 클릭한 다음 실행버튼 위를 벗어났을 때 - 세번째 사진 : 마우스를 실행버튼 위에 올렸다가 마우스가 실행버튼 위를 벗어났을 때

onmouseover()/onmouseout()를 이용해 태그 위에 마우스가 올라가면 글자 변경하기 Mouse Over Me - 브라우저 출력 onchang()/onblur()를 이용해 입력한 글자를 소문자로 변경하기 - onchange() : 내용을 수정 후 다른 요소가 focus를 받을 때 이벤트가 발생 - onblur() : 내용 수정 여부와 관계 없이 무조건 focus가 다른 요소로 이동하면 이벤트 발생 : 실행을 시켰을 때 아이디창에 커서를 놓았다가 아무것도 작성하지 않고, 이름창으로 커서가 넘어가면 아무런 이벤트도 발생하지 않지만, 이름창에서 아무것도 작성하지 않고, 다시 아이디 창으로 커서를 이동하면 경고창이 뜨는 이벤트가 나타남 아이디 이름 onchange()를 이용해 체크박스에 선택된 옵..

숫자맞추기 게임 이 게임은 컴퓨터가 생성한 숫자를 맞추는 게임입니다. 숫자는 1부터 100사이에 있습니다. 숫자 확인 추측횟수 힌트 - 브라우저 출력

+ - * / = 계산 - 브라우저 출력

버튼을 누르면 안보이던 문장 보여주기 Header1 Header2 제거 - 브라우저 출력 버튼을 누르면 태그의 스타일 변경하기 Header1 변경 - 브라우저 출력 버튼을 누르면 이미지 변경하기 The Light Bulb 전구 켜기 전구 끄기 - 브라우저 출력

script부분을 이용해 body안에 태그를 생성하고 텍스트 추가하기 - 브라우저 출력 script부분을 이용해 body안에 태그를 생성하고 이미지 추가하기 - 브라우저 출력

document의 기능 - 요소를 찾아 요소의 변화를 주기 위함 1. .getElementById(); - 아이디를 통해 요소를 찾을 때 사용함 1) text의 변화를 줄 때 사용 : innerHTML/innerText - 브라우저 출력 - console 출력 : innerHTML과 innerText가 다르게 출력되는 걸 확인할 수 있음 : 태그 해석이 필요한 경우 innerHTML을 사용하고, 태그 해석이 필요하지 않은 경우 innerText를 사용 2. .getElememtsByTagName(); - 태그 이름으로 요소를 가져올 때 사용 - 같은 이름을 가진 태그를 모두 가져오기 때문에 지정된 하나만 가지고 오고 싶은 경우 ex) 태그이름[인덱스] - colsole에 출력할 경우 HTMLCollect..

window를 이용한 팝업창 띄우기 - 브라우저 출력 location을 이용한 링크 이동하기 이동하기 history를 이용한 화면 이동하기 이전으로 다음으로 지정된 만큼

typeof(함수명); : 타입형을 알려줌 let a=1; typeof(a); 'number' let b='abc'; typeof(b); 'string' let c=3.51; typeof(c); 'number' let d=ture; typeof(d); 'boolean' let f; typeof(f); 'undefined' //undefined는 변수가 선언만 되고, 값이 지정되지 않았을 때 발생 - 자바 스크립트 타입 : number(정수,실수), string(문자), boolean(참/거짓), undefined(값 할당이 되지 않은 경우)

String()에 있는 다양한 메소드 - .charAt(위치입력) : 특정 위치 문자 반환 - .indecOf("문자입력") : 문자 찾기, 문자를 찾은 경우 그 문자의 인덱스를 돌려주고, 못 찾은 경우 -1을 돌려줌 - .match("문자입력") : 문자 찾기, 문자를 찾은 경우 찾은 문자를 돌려주고, 못 찾은 경우 null을 돌려줌 - .search("문자입력") : 특정 문자 위치 찾기, indexOf와 같은 기능으로 특정 문자의 시작 위치를 돌려줌 - .replace("현재문자","바꿀문자") : 특정 문자 변경 - .slice(위치입력) : 문자 자르기 - .substring(위치 입력) : 문자 자르기 - .trim() : 문자 공백 제거 - .toUpperCase() : 대문자로 변경 - ...