본문 바로가기

JS/JS-event14

BOM (인터벌) 변수는 window 객체에 저장된다. SetInterval(일정 시간마다 함수를 실행) setInterval(실행시킬 함수 , 함수를 반복시킬 시간) var count = 0 ; window.setInterval(function() { console.log(++count); }, 1000); clearInterval var count = 0 ; //인터벌 함수는 자신의 고유한 아이디를 반환합니다. var id1 = window.setInterval(function() { console.log(++count); }, 1000); var id2 = window.setInterval(function() { console.log("hello world"); } , 5000); //버튼1 이벤트 document... 2024. 2. 5.
JS 실습 - 버튼으로 css style 속성 변경하기 dark모드 자바스크립트는 객체 기반의 스크립트 프로그래밍 언어이다. 이 언어는 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다. 또한 Node.js와 같은 런타임 환경과 같이 서버 사이드 네트워크 프로그래밍에도 사용되고 있다 위키백과 이번실습의 에러사항은 함수 check(val) 에서 this.value 를 하면 내가 알기론 document.querySelector('#dark_bright).value 라고 알고 있는데 this 와 document로 value를 바꾸는 값이다른게 이해가안되었다. 강사님과 gpt의 도움으로 함수 안에서만 변화하였고 onclick에 함수대신 식을 직접 사용 하면 돌아 간다는 사실 까지 알았다. 함수의 리턴과 변수의.. 2024. 1. 29.
JS 실습 - onchange , onkeyup 아이디나 비밀번호가 변경 될 때 마다 다음을 구현하세요. 힌트: 이벤트 onchange , onkeyup 아이디 : querySelector에서는 css 선택자 중 어느 것이라도 들어간다 2024. 1. 29.
JS - Css변경 태그의 속성변경 , 태그의 css변경 봄 여름 가을 겨울 사진바꾸기 색상바꾸기 option 의 value 는 선택된 value로 나온다는 것을 몰랐어서 약간 헤맸었다. 실습2 요소 속성 곧바로 변경하기 봄 여름 가을 겨울 위 실습과 다르게 버튼(onclick) 대신 선택하자마자 변하는(onchange) 이벤트를 사용하였다 2024. 1. 29.
JS 실습 -checked ,배열 1. 예약버튼 클릭시 좌석이 최소 한 개 이상 체크되어 있지 않다면 경고창을 띄우는 코드를 작성하여 주세요. 2. 체크된 값은 예약확인란에 출력해주세요. 3. 힌트 - 버튼 클릭 시 배열에 값을 저장하고, 화면에는 문자열로 만들어 출력 합니다. 좌석 1 2 3 4 5 6 7 8 9 10 11 예약 예약번호 : 2024. 1. 29.
JS - 카운트 ,InnerHTML , value 속성 실습 자바스크립트 카운트 innerHTML value 속성 + - TIP - input type 에서는 value 가 곧 InnerHTML처럼 값이 화면에 출력된다. 2024. 1. 29.