반응형 Font-End/Javascript 자바스크립트3 글자수 count 만들기, textarea 최소 글자수 설정 See the Pen Untitled by Junho Yoon (@junhoyoon95) on CodePen. 해당 포스팅은 Textarea 에서 최소 길이의 입력을 설정하고 해당 길이 이상일 경우에만 버튼이 활성화가 되는 코드를 만드는 코드를 다룹니다. 조건 1. textarea 에 입력사항은 띄어쓰기를 포함해 총 100 글자 이상이어야 한다 2. 현재 몇 글자인지 표시해야한다 3. 100 글자 이상, 이하에 대한 판단하기 쉬운 시각적 표현이 있어야 한다 4. 100 글자 이상일 시에만 저장 버튼이 활성화 되어야 한다 5. reset 버튼을 누를 시 textarea와 count가 초기화 되어야 한다 [textarea 에 변화가 있을 시 적용하는 코드] $('textarea').on('input', fu.. 2024. 1. 27. js array 특정 필드로 정렬, 자바스크립트 배열 정렬 자바스크립트에서 배열을 일반적으로 정렬은 array.sort 가 있다. 하지만 오늘은 특정 필드를 기준으로 정렬을 하는 방식에 대해서 소개를 해보려고 한다. 가정 : 나의 array에는 여러 필드가 존재하고, 그 중에 data 라는 필드가 있다. : 나는 그 data 필드에서도 name 이라는 필드로 정렬을 하고 싶다. array.sort((a,b) => (a.data.name > b.data.name) ? 1 : ((b.data.name > a.data.name) ? -1 : 0)); return 1 을 하는 경우 : a는 b 뒤에 온다 return -1 을 하는 경우 : a는 b 앞에 온다 return 0 을 하는 경우 : 지금의 정렬 형태를 유지한다 삼항 연산자를 잘 모르는 분을 위해 간단한 예제에.. 2022. 4. 7. 자바스크립트 javascript 문자열 관련 함수 정리 특정 문자열로 시작하는지 문자열변수.startswith("특정문자열") const str = "Kyurasi rocks...!"; const checking_str = "Kyu"; console.log(str.startsWith(checking_str)); // str이 checking_str로 시작하므로 true 를 리턴하게 됩니다 const str = "Kyurasi rocks...!"; const checking_str = "Jyu"; console.log(str.startsWith(checking_str)); // str이 checking_str로 시작하지 않으므로 false 를 리턴하게 됩니다 특정 위치부터 특정 문자열로 시작하는지 문자열변수.startswith("특정문자열",몇번째) const.. 2022. 2. 5. 이전 1 다음 반응형
