javascript

마무리문제 1 !

grovy 2023. 2. 25. 19:04
728x90

오늘은 수업교재 모던 자바스크립트 마무리 문제 1,2를 풀어보려고 해요 ! 

10보다 큰수 찾기 

배열이 주어지고 이 배열에서 10보다 큰 값을 찾아서 화면에 표시해 주는 문제입니다.

  • 배열 요소의 개수만큼 for  문을 반복
  • if 문을 사용해서 요소의 값과 10을 비교
  • documen.write 문을 사용해 화면에 표시
<script>
	const arr1 = [1, 3, 5, 7, 9, 11, 13, 15, 17, 19];

    for(let i=0; i< arr1.length; i++){
        if(arr1[i] > 10) {
            document.write(`${arr1[i]} `);
        }
    }
</script>

// for(let i=0; i< arr1.length; i++) 배열의 길이만큼 for문 실행
// if(arr1[i] > 10) 배열의 값이 10보다 큰경우에 실행되도록 조건 설정

사용자에게 입력받은 숫자를 짝수만 더하는 프로그램

사용자에게 숫자를 입력 받구 짝수만 더하는 프로그램만들기

  • 입력한값이 not null 아니고 1보다 클 경우에만 실행
  • 입력한 숫자까지 반복시 현재 숫자가 홀수인지, 짝수인지 구별(숫자를 2로 나누어 나머지가1이면 홀수 아니면 짝수)
  • 짝수값만 반복된 순서 + 숫자들의 총합 표현하기
<script>
  document.getElementById("my-button").onclick = function () {
    let userNumber = prompt("숫자를입력하세요");
    let totNum = 0;
    if(isNaN(userNumber)==false&& userNumber!=null&& userNumber%2 ==0 &&userNumber>1 ){
        for(let i = 2 ; i <= userNumber ; i++){
            if(i%2== 0){
            	totNum +=i;
            	document.write(`${i} --- ${totNum} <br>`);
            }
        }
    }else{
    	alert(`${userNumber} 이런거넣지마 짝수몰라? `) 
    }

}  
</script>

// document.getElementById("my-button").onclick 을 통해 이벤트 호출 
// let userNumber = prompt("숫자를입력하세요") 사용자로부터 promt입력 
// if(isNaN(userNumber)==false&& userNumber!=null&& userNumber%2 ==0 &&userNumber>1
// 값이 숫자 , null , 홀수 , 1보다 작은수를 파악 아닐경우 else로 이동 
// for(let i = 2 ; i <= userNumber ; i++) for문실행 
// if(i%2== 0)구문을 통해 짝수인경우 document.write(`${i} --- ${totNum} <br>`)으로 출력

주의사항

문제에서 제시한내용을 if문에 알맞는 조건을 넣어야함 ! 

유효성 검사할때 javascript 내장객체를 검색해보기 ! 

 

 

해당문제는 모던 자바스크립트책내용을 참조하였어요 !