티스토리 뷰

Javascript

Javscript 수학 객체 메서드

seop8044 2022. 4. 14. 18:42

01. 수학 메서드 : Math.round() / Math.floor() / Math.ceil() / Math.trunc()

번호 기본값 속성 결괏값
{
    document.querySelector(".sample01_R1").innerHTML = Math.round(1.34);
    document.querySelector(".sample01_R2").innerHTML = Math.round(1.64);
    document.querySelector(".sample01_R3").innerHTML = Math.round(1.5);
    document.querySelector(".sample01_R4").innerHTML = Math.round(-1.34);
    document.querySelector(".sample01_R5").innerHTML = Math.round(-1.64);
    document.querySelector(".sample01_R6").innerHTML = Math.round(-1.5);
    document.querySelector(".sample01_R7").innerHTML = Math.floor(1.34);
    document.querySelector(".sample01_R8").innerHTML = Math.floor(1.64);
    document.querySelector(".sample01_R9").innerHTML = Math.floor(-1.34);
    document.querySelector(".sample01_R10").innerHTML = Math.floor(-1.64);
    document.querySelector(".sample01_R11").innerHTML = Math.ceil(1.34);
    document.querySelector(".sample01_R12").innerHTML = Math.ceil(1.64);
    document.querySelector(".sample01_R13").innerHTML = Math.ceil(-1.34);
    document.querySelector(".sample01_R14").innerHTML = Math.ceil(-1.64);
    document.querySelector(".sample01_R15").innerHTML = Math.trunc(1.64);
    document.querySelector(".sample01_R16").innerHTML = Math.trunc(-1.64);
}

02. 수학 메서드 : Math.random() : 0과 1사이의 난수 값을 반환 : 반환(숫자)

번호 기본값 속성 결괏값 클릭
{
    document.querySelector(".sample02_R1").innerHTML = Math.random();
    document.querySelector(".sample02_B1").addEventListener("click", () => {
        document.querySelector(".sample02_R1").innerHTML = Math.random();
    });

    document.querySelector(".sample02_R2").innerHTML = Math.floor(Math.random() * 10);
    document.querySelector(".sample02_B2").addEventListener("click", () => {
        document.querySelector(".sample02_R2").innerHTML = Math.floor(Math.random() * 10);
    });

    document.querySelector(".sample02_R3").innerHTML = Math.floor(Math.random() * 10 + 10);
    document.querySelector(".sample02_B3").addEventListener("click", () => {
        document.querySelector(".sample02_R3").innerHTML = Math.floor(Math.random() * 10 + 10);
    });
}

03. 수학 메서드 : Math.max() / Math.min()

번호 기본값 속성 결괏값
{
    document.querySelector(".sample03_R1").innerHTML = Math.max(1, 3, 5);

    document.querySelector(".sample03_R2").innerHTML = Math.max(-1, -3, -5);

    document.querySelector(".sample03_R3").innerHTML = Math.min(1, 3, 5);

    document.querySelector(".sample03_R4").innerHTML = Math.min(-1, -3, -5);
}

04. 수학 메서드 : Math.abs() : 절대값 값을 반환 : 반환(숫자)

번호 기본값 속성 결괏값
{
    document.querySelector(".sample04_R1").innerHTML = Math.abs(1, 3, 5);
}

'Javascript' 카테고리의 다른 글

Javascript 요소 객체 메서드  (0) 2022.04.14
Javascript 브라우저 객체 메서드  (0) 2022.04.14
문자열 Method  (0) 2022.03.11
Javascript 마우스 이벤트  (0) 2022.02.24
Javascript 이벤트 버블링 / 캡쳐링  (0) 2022.02.23
댓글