JS실전-팁4

• 데이터 정렬( .sort() ) / 문자열 내림차순,객체정렬 업데이트 해야됨 숫자 정렬 let a = [1,11,5,7,88,8,77,55] a.sort() // 결과 :[1,11,5,55,7,77,8,88] 숫자는 아스키코드를 기준으로 정렬하기 때문에 이처럼 혼선이 오기 쉽다. 이럴 때는 아래처럼 정렬해준다. //오름차순 a.sort(function(a, b){ return a-b; }); // 결과 : [1, 5, 7, 8, 11, 55, 77, 88] //내림차순 a.sort(function(a, b){ return b-a; }); // 결과 : [88, 77, 55, 11, 8, 7, 5, 1] 문자열 정렬 문자 오름차순은 상당히 간단하다. 위 대로 아스키코드를 기준으로 정렬하기 때문이다. 문자열의 앞글자만 따와서 정렬한다. // 오름차순 let a = ["cake", ".. JS실전-팁 2022. 9. 9.

• 캐러셀(이미지 슬라이드) 버튼으로 이미지 슬라이드 만들기 HTML 삽입 미리보기할 수 없는 소스 위에 적용된 코드이다. 1 2 3 버튼으로 이미지 슬라이드 만들기2 HTML 삽입 미리보기할 수 없는 소스 // js랑 버튼만 바꿨다. var photo = 1; document.querySelector('.Previous').addEventListener('click', function () { if (photo == 3) { document.querySelector('.slide-container').style.transform = 'translateX(-100vw)'; photo -= 1; } else if (photo == 2) { document.querySelector('.slide-container').style.tran.. JS실전-팁 2022. 9. 8.

• n초 후 코드 실행하기, 카운트다운 // n초 후 코드 실행하기 setTimeout(function(){실행할코드}, ms) // 5초 후 박스 사라지게 하기 setTimeout(function(){ document.querySelector('.alert-danger').style.display = "none"; }, 5000) // 5초 카운트다운 후 div 사라지게 하기 var count = 5; setInterval(function () { count -= 1; if (count >= 0) { document.querySelector('#ns').innerHTML = count1; } if (count < 0 ) { document.querySelector('.alert-danger').style.display="none"; } },.. JS실전-팁 2022. 9. 8.

• 이메일 정규식 검증하기 document.querySelector('.btn-primary').addEventListener('click', function(e){ var text = document.querySelector('#id').value; var regExp = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i; //regExp = 정규식으로 이메일 형식 검사 if(regExp.test(text) === true ){ alert("이메일 형식이 맞습니다."); } else { e.preventDefault(); // 폼전송 막기 alert("이메일 형식이 아닙니다."); } }) 전송 JS실전-팁 2022. 9. 8.