[Javascript] Do it! 자바스크립트 입문 - 연산자

공부단 2일차-3입니다.

 

산술연산자와 할당 연산자

연산자이름	기호	설명
더하기	+	c = a + b
빼기	-	c = a - b
곱하기	*	c = a * b
나누기	/	c = a / b
나머지	%	c = a % b
증가	++	a++
감소	--	a--
	+=	y += x
	-=	y -= x
	*=	y *= x
	/=	y /= x
	%=	y %= x

 

currentYear - birthYear + 1

피연산자 : currentYear,  birthYear , 1

연산자 : -, +

 

할인 가격 계산 프로그램 만들기

<div id="contents">
    <img src="images/sale.png">
    <ul>
        <li>
                <label for="oPrice">원래 가격</label> 
                <input type="text" id="oPrice">원
        </li>
        <li>
            <label for="rate">할인율</label>
            <input type="text" id="rate">%
        </li>
        <li>
                <button onclick="showPrice()">할인 가격 계산하기</button>
        </li>
    </ul>
    <div id="showResult"></div>
</div>

function showPrice() {
    var originPrice = document.querySelector('#oPrice').value // 입력한 값 받아오기
    var rate = document.querySelector('#rate').value // 입력한 값 받아오기

    var savedPrice = originPrice * (rate/100)
    var resultPrice = originPrice - savedPrice

    document.querySelector('#showResult').innerHTML = "상품의 원래 가격은 " + originPrice + "원이고, 할인율은 " + rate + "%입니다. "
        + savedPrice + "원을 절약한 " + resultPrice + "원에 살 수 있습니다"
}

 

결과

 

 

비교연산자

연산자	기능
==	값이 같으면 true
===	값과 데이터 유형이 같으면 true
!=	값이 같지 않아야 true
!==	값과 데이터 유형이 모두 같지 않아야 true
<	왼쪽 피연산자 값이 오른쪽 보다 작아야 true
<=	왼쪽 피연산자 값이 오른쪽 보다 작거나 같으면 true
>	왼쪽 피연산자 값이 오른쪽 보다 커야 true
>=	왼쪽 피연산자 값이 오른쪽 보다 크거나 같으면 true

 

논리연산자

연산자	기능
! (Not 연산자)	피연산자 값과 반대의 값을 가져야 true
&& (AND 연산자)	피연산자 값이 모두 true일 경우 true
|| (OR 연산자)	피연산자 값이 하나라도 true일 경우 true

 

 

서로다른 연산자를 계산하는 순서

다른 분류일 때

단항 -> 산술 -> 비교 -> 논리 -> 할당

같은 분류일 때

	1	2	3	4	5	6	7
단항	!	++	--
산술	*	/	%	+	-
비교	<	<=	>	>=	==	!=	===
논리	&&	||
할당	=	+=	-=	*=	/=	%=