Top

01. 수학 메서드 : Math.round() : 반올림 : 반환(숫자)
02. 수학 메서드 : Math.floor() : 버림 : 반환(숫자)
03. 수학 메서드 : Math.ceil() : 올림 : 반환(숫자)
04. 수학 메서드 : 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);
}

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

번호 기본값 속성값 리턴값 버튼 
{    
    document.querySelector(".sample02_R1").innerHTML = Math.random();
    document.querySelector(".sample02_R1").style.color = "#000";
    //버튼 클릭할 때 마다 결과가 바뀌게
    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_R2").style.color = "#000";

    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_R3").style.color = "#000";

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

06. 수학 메서드 : Math.max() : 가장 큰 값을 반환 : 반환(숫자)
07. 수학 메서드 : Math.min() : 가장 작은 값을 반환 : 반환(숫자)

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

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

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

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