TIL_220118

인프런 강의 ing

JS 공부

1. 증감연산자

        var num = 10;
        alert(num++); //후위 증가연산자 : ;이 끝난 후 증가가 됨 // 출력은 10
        alert(++num); //전위 증가연산자 : ;이 끝나기 전에 이미 증가가 되어있다. //출력은 12
        alert(num++); //출력 12
        alert(++num); //출력 14

++num : 먼저 피연산자의 값을 1 증가시킨 후에 해당 연산을 진행함.
num++ : 먼저 해당 연산을 수행하고 나서, 피연산자의 값을 1 증가시킴.
<TCP school 출처>

2. 할인율 계산하기
JS

function showPrice() {
    //사용자가 입력한 값을 두 개의 변수에 저장함.
    var oPrice = document.querySelector("#originalPrice").value;
    var rate = document.querySelector("#rate").value;

    //두 개의 값이 음수가 아니라면...실행해라.
    if(oPrice > 0 && rate > 0) {
        var savedPrice = oPrice * (rate/100);
        var resultPrice = oPrice - savedPrice;
    }

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

document.querySelector("#showResult").innerHTML = ~~
#showResult 에 ~~를 넣어라