개발 기록

자바스크립트[삼항연산자] 본문

공부

자바스크립트[삼항연산자]

청군로 2021. 3. 5. 22:20

삼항연산자

 

사용방법

(조건식)? 조건식이 true면 실행할 문장 : 조건식이 false면 실행할 문장;

다른언어를 접해봤을 때 기본적인 if문은 다뤄봤지만 삼항연산자는 조금 생소했다.

결과가 참이냐 거짓이냐 흑백논리로 나올 수 있다면 굉장히 유용하게 쓰일 것 같다.

 

홀짝 판단하기

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>


</style>
<script>
    //innerText는 태그 사이에 있는 텍스트를 의미한다.
    function chg(){
        //prompt는 사용자에게 전할 문장과 사용자가 입력할 수 있는 텍스트박스가 동시에 뜬다.
        //홀 짝인지를 판단할 숫자를 변수 number에 담았다.
        var number=prompt("원하시는 수를 입력하세요.");
        //삼항연산자를 이용해 number에 담겨 있는 값을 2로 나눠 나머지가 1이라면
        //홀수 0이라면 짝수로 판단할 수 있게했다. 그리고 그 값을 showText변수에 담음.
        //여기서 입력 값이 0일 경우, 0은 홀수도 짝수도 아니므로 0을 출력해준다.
        //우선 나머지가 1인지 판단한 후 나머지가 0이라면 입력 값이 0인지 판단해준다.
        //총 삼항연산자가 두 번 쓰인 것이다.
        var showText=(number%2==1)? "홀수": (number==0)? "0": "짝수" ;
        alert(showText+"입니다.")
    }
</script>
</head>
<body>
    <h1>
        <button onclick="chg()">홀짝</button>
    </h1>
</body>
</html>

 

 

'공부' 카테고리의 다른 글

자바스크립트[키보드입력받기, event.keycode]  (0) 2021.03.11
자바 스크립트[마우스 좌표 구하기]  (0) 2021.03.09
자바스크립트[연산자]  (0) 2021.03.04
자바스크립트[기본 문법/버튼 이벤트]  (0) 2021.03.03
div와 span  (0) 2021.02.26
'공부' Related Articles more
Comments