티스토리 뷰
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);
}