본문 바로가기
컴맹도 할 수 있다/java

자바스크립트 제어문과 자바스크립트 활용

by 구운고기 2022. 9. 8.
반응형

1. 조건문

 

 

 

 

1. 조건문 주어진 조건에 따라 결과값을 출력하는 구문

비교연산자 또는 논리 연산자 사용

 

if문 조건이 참이라면 수행할 명령 실행

if(조건) {수행할 명령}

 

 

1-1) if ~ else문 조건이 ture면 if문 false면 else문 실행

if (조건) {수행할 명령}

else {수행할 명령}

 

if else 문
if else 문

 

 

 

 

1-2) else if문 여러개의 조건문을 생성할 때 사용

if (조건) {수행할 명령}

else if (조건) {수행할 명령}

else if (조건) {수행할 명령}

else {수행할 명령}

 

else if문
else if문

 

 

반응형

 

중첩 if문 if문 안에 또다른 if문을 삽입할 때 사용

if (조건) { if (조건) 수행할 명령}

else {수행할 명령}

else {수행할 명령}

 

중첩 if문
중첩 if문

 

 

 

 


2. 반복문 엑셀에 네모칸 십자모양 드래그해서 1 2 3 이렇게 숫자 늘리는 것이랑 똑같음

 

 

 

2-1) for문 (조건) 값이 만족했다면 실행, 불만족했다면 그 다음 명령 실행

 

 

for ( 초기화한 변수값; 조건; 증감표시; ) {수행할 명령 };

 

 

 

 

2-2) while문  조건이 참일 동안에 명령 수행

while ( 조건 ) { 수행할 명령 }

 

while문
while문

 

 

* while문은 조건이 true인 경우 명령을 수행

제한 없이 true인 값이 조건으로 주어지면

무한 루프에 빠질 수 있음

 

while ( 1 === 1 ) { document.write("1나와라")}

 

 

 

2-3) do while문 while의 조건과 관계 없이 do의 명령을 무조건 먼저 실행

do { 수행할 명령 } while ( 조건 );

 

for문
for문

 

 

 

 


자바스크립트 활용

주사위 게임 만들기 Math.random 활용

 

var dice = Math.floor ( Math.random () * 6 ) + 1;

                     내림          0부터 1사이의 임의의 숫자 출력

 

 

자바스크립트 활용 주사위
자바스크립트 활용 주사위

 

새로고침 할 때마다 숫자가 랜덤으로 계속 바뀜

 

 


소수 출력하기 isPrime 활용

*소수 : 1과 자기자신 = 약수가 2개인 수

 

function isPrime( n )

{

  var divisor = 3;             // 3부터 나누기 시작

    while ( n > divisor )    // n이 나누는 수보다 클 때까지

 {

    if n % divisor === 0 )  // n과 나누는 수가 나누어 떨어지면

     { return false; }

    else { divisor ++;}      //나누어 떨어지지 않는다면 나누는 수 1 증가

 }

}

 

 

 

소수 출력하기 isPrime 활용 false
소수 출력하기 isPrime 활용 false

 

 


문자열 거꾸로 출력하기 reverse 활용

 

function reverse (str) {

var reverStr =  '';                                   //빈 문자열

for (var i = str.length -1; i >= 0; i--) {

reverStr = reverStr + str.charAt(i);              // str의 i번째 문자를 빈 문자열에 추가

} return reverStr;

}

console.log(reverse('구운고기'));

 

 

reverse
reverse

 

 

 

 


369게임

for (var i = 1; i <= 30; i++) 

{
  if ((i % 10) % 3 == 0 && i % 10 != 0) 

{console.log("짝!");}


else if (Math.floor((i / 10) % 3) == 0 && Math.floor(i / 10) != 0) 

{console.log("짝!");}
else {console.log(i);}
}

 

369게임 1
369게임 1

 

 

 

 


입력한 숫자에 대응하는 구구단 만들기

function timesTable(n) 
{
for(var i = 1; i < 10; i++)
{
 document.write(n);
 document.write(" x ");
 document.write(i);
 document.write(" = ");
 document.write(n * i);
 document.write(" <br/> ");  
}
}
timesTable(2);

 

구구단 만들기
구구단 만들기

 

반응형

댓글