자바스크립13 [Javascript] checkbox is checked / 체크 여부 확인 / 스크롤 막기 메뉴 버튼을 만들 때 checkbox의 체크 여부를 통해 메뉴가 열리고 닫히는 애니메이션을 만들었다. 문제는 메뉴가 열리고 나서도 스크롤이 계속 진행되었는데 이 부분은 스크립트로 처리하였다. 메뉴는 따로 스크롤이 필요 없을 만큼 짧기 때문에 body에서 스크롤을 막아주었다. .hidden { height:100%; min-height:100%; overflow:hidden !important; touch-action:none; } 이 css가 body에 적절하게 들어갈 수 있도록 스크립을 짜면 끝! 문제는 체크 여부 스크립을 어떻게 짜야하는지 감이 오지 않아 서치 해보았다. https://stackoverflow.com/questions/9887360/how-can-i-check-if-a-checkbox.. 2022. 9. 27. [코딩 테스트 연습] 자릿수 더하기 (javascript) 문제 자연수 N이 주어지면, N의 각 자릿수의 합을 구해서 return 하는 solution 함수를 만들어 주세요. 예를 들어 N = 123이면 1 + 2 + 3 = 6을 return 하면 됩니다. 풀이 function solution(n) { const numToString = n.toString(); const numsArr = []; for(let i =0; i(sum += value)); return answer; } for문으로 numsArr의 배열의 값을 string 값에서 num값으로 바꾸어 추가시켰다 num.toString() : 숫자를 string으로 변환 Number() : string을 숫자로 변환 CharAt(index) : 문자열에서 특정 인덱스에 위치하는 단일 문자를 반환한다 r.. 2022. 9. 26. [코딩 테스트 연습] 약수의 합 (javascript) 문제 정수 n을 입력받아 n의 약수를 모두 더한 값을 리턴하는 함수, solution을 완성해주세요. 풀이 function solution(n) { let answer = 0; for(i=0; i 2022. 9. 26. [코딩 테스트 연습] 짝수와 홀수 (javascript) 문제 - 정수 num이 짝수일 경우 "Even"을 반환하고 홀수인 경우 "Odd"를 반환하는 함수, solution을 완성해주세요. 풀이 function solution(num) { const answer = num % 2 === 0 ? "Even" : "Odd"; return answer; } - 삼항 연산자를 이용하여 풀었다. 삼항 연산자 조건문 ? 조건문이 참일 때 실행 : 조건문이 거짓일 때 실행; 해당 연산자는 if...else문의 대체재로 간단하게 표현할 수 있다. 더 자세한 내용은 아래 링크를 통해서! https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator Conditiona.. 2022. 9. 26. 이전 1 2 다음
