JavaScript 자주 사용하는 기본 함수, 제어문

zyeon·2022년 5월 31일
1

web

목록 보기
6/12

🖊 자주 사용하는 기본 함수

1. alert(경고창 실행)

<script>
  alert(1);
  alert('안녕하세요')
</script>

2. confirm(물어보기 창 실행)

<script>
  confirm('안녕하신가요?');
</script>

3. prompt(외부입력 창 실행)

<script>
  var text = prompt('안녕 하신가요?');
  console,log(text);
</script>

🖊 제어문

1. if

<script>
const values = 1
if( values == 1 ) {
	alert(1 입니다’);
}
else if(values == 2) {
	alert(2 입니다.)
}
else {
	alert(12 둘다 아닙니다.);
}
</script>

2. for

<script>
for( var i = 1 ; i <= 100 ; i++ ) {
	console.log(i);
} 
</script>

🖊 예시

1. 이름 입력받기

<script>
    // 이름입력
    let name = prompt('이름을 입력해주세요.');
    // 만약 이름이 입력되지 않았다면
    if (name === '') {
        name = prompt('이름을 입력해주세요!!!');
    }
    console.log(name);
    alert(`${name}님 안녕하세요.`);
</script>

2. 숫자 입력받기

<script>
    let num = Number(prompt('숫자를 입력하세요.'));

    if (isNaN(num)) {
        alert('숫자를 입력해 주세요.');
        num = Number(prompt('숫자를 입력하세요.'));
    } else {
        if ((1 <= num || num >= 100) == false) {
            alert('1이상 100이하를 입력해주세요.')
            num = Number(prompt('숫자를 입력하세요.'));
        } else {
            for (let i = 1; i <= 100; i++) {
                console.log(i);
            }
            alert('완료되었습니다.');
        }
    }
</script>
profile
splunk

0개의 댓글