본문 바로가기

2024/05/023

[Javascript]텍스트필드 input 박스 포커스 했을때 class 추가/제거하기 javascript class를 이용해 객체를 생성 후 input 박스 포커스했을때와 아웃했을때 css를 추가/삭제하는 방법입니다. HTML 예시) 3개의 input 박스  CSS.focus{border:1px solid red} 포커스했을때 빨간색 라인추가하기 Javascriptclass TextField { constructor(textField){ this.elements = document.querySelectorAll('.' + textField); this.addFocusClass = this.addFocusClass.bind(this); this.removeFocusClass = this.removeFocusClass.bind(this); this.init(); } .. 2024. 5. 2.
[Javascript]코딩테스트 프로그래머스 "중복된 숫자 개수" 풀이 코딩테스트 연습 > 코딩테스트 입문 > 중복된 숫자 개수문제 설명정수가 담긴 배열 array와 정수 n이 매개변수로 주어질 때, array에 n이 몇 개 있는 지를 return 하도록 solution 함수를 완성해보세요. 제한사항1 ≤ array의 길이 ≤ 1000 ≤ array의 원소 ≤ 1,0000 ≤ n ≤ 1,000 입출력 예 입출력 예 설명입출력 예 #1- [1, 1, 2, 3, 4, 5] 에는 1이 2개 있습니다. 입출력 예 #2- [0, 2, 3, 4] 에는 1이 0개 있습니다.  문제 풀이방법1. filter()function solution(array, n){ const filtereArray = array.filter(num => num === n); return filtereAr.. 2024. 5. 2.
[Javascript]단축 평가 논리 연산자를 사용하여 조건문 처리하기(if를&&로) 조건문 처리할때 if문대신 &&단축 평가를 사용하는 방법입니다. 문제 설명n에 변수가 존재하고, true이면 실행하기 문제 풀이1. 값이 없을때 if문 예시// 값이 없을때 if문 예시let n;if(n){ console.log('true');} 2. 값이 없을때 && 논리 연산자 예시// 값이 없을때 && 예시let n;n && console.log('true'); 1번과 2번 결과물은 동일하게 값이 없으므로 출력되지 않습니다.  3. 값이 있을경우 'true' 출력// 값이 있을때 if문 예시let n = 1;if(n){ console.log('true');}// 값이 있을때 && 예시let n = 1;n && console.log('true'); 풀이 설명- 'n' 변수가 존재하고 'true'이면,.. 2024. 5. 2.

티스토리툴바