-
자바스크립트 문제 풀기javascript 2022. 12. 19. 22:15728x90
책에서 나온 문제를 토대로 풀어봤다.
문제는 4의 배수가 맞는지 확인하는 기능 코드를 짜는 것이었다.
먼저 알림창으로 숫자 입력을 받고 입력받은 숫자가 4의 배수가 맞는지 확인하는 순서이다.
var num = prompt("숫자를 입력하세요."); if(num % 4 === 0){ document.write("<p>" + num + "는 4의 배수입니다.</p>"); }else{ document.write("<p>" + num +"는 4의 배수가 아닙니다.</p>"); }이런식으로 스스로 코드를 만들었다.
책에서 제시한 정답을 확인하지 않았지만 안 보고 스스로 코드 작성한 것에 뿌듯함을 느꼈다.
조건문과 연산식을 적절히 사용할 수 있어서 연습하기 좋았다.
은근 연산식이 헷갈렸고 문자열 사이에 변수 넣는 것도 헷갈렸는데 이 문제로 기초가 잡힌게 느껴졌다.
두번째 문제로는 입력받은 숫자 안에서 3의 배수를 나열하고 총 몇개인지 화면에 표시되도록 코드 만들기이다.
숫자를 입력받기 -> 입력받은 숫자 중 3의 배수를 걸러내기 -> 걸러낸 수 그리고 총 몇개인지 표시하기
var num = prompt("몇 까지의 3의 배수를 찾을까요?"); if (num !== null) { var sum = 1; var i = 1; for (i = 1; i <= num; i++) { sum++; sum %= i; if(sum % 3 === 0 && sum !== 0){ document.write("<p>"+ sum + ", </p>"); } }document.write("<h2>" + num + "까지 3의 배수의 개수 : " + ((i/3)-1) + "</h2>"); } else { document.write("값을 입력하세요."); }이 문제에서 for문과 if문을 사용했다.
for문의 조건 적는 순서를 익힐 수 있었고 for문 안에 if문을 포함시켜 사용하는 방식도 익힐 수 있었다.
그리고 조건문에서 연산자 &&를 사용해서 복수로 조건을 부여해 복잡한 식도 간편하게 코드를 만들 수 있던 것 같다.
두 문제 다 책의 정답을 확인 안해봤으니 다음엔 정답을 분석해 공부하려고 한다.
그리고 for문의 조건을 어떻게 해야 더 잘 사용할 수 있을지도 서치해보려한다.
반응형'javascript' 카테고리의 다른 글
Javascript Set객체 (0) 2023.03.04 Javascript findIndex()문법 (0) 2023.03.02 Javascript find()문법 (0) 2023.02.24 Javascript slice()문법 (0) 2023.02.24 자바스크립트 문제 풀기2 (0) 2022.12.21