-
자바스크립트 - Math 함수프로그래밍/JavaScript 자바스크립트 2021. 9. 28.반응형
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <link rel="icon" href="data:;base64,iVBORw0KGgo="> <script type="text/javascript"> var s; s = Math.PI; // 원주율 console.log(s); s = Math.round(10.2); // 숫자에 가장 가까운 정수 console.log(s); // 10 s = Math.round(10.5); // 숫자에 가장 가까운 정수 console.log(s); // 11 s = Math.ceil(10.1); // 인수보다 크거나 같은 수 중에서 가장 작은 정수 console.log(s); // 11 s = Math.floor(10.2); // 인수보다 작거나 같은 수 중에서 가장 큰 정수 console.log(s); // 10 s = 10/4; console.log(s); // 2.5 s = Math.floor(10 / 4); console.log(s); // 2 s = Math.random(); // 0 <= 난수 < 1 console.log(s); s = Math.floor(Math.random()*10); console.log(s); // 0 ~ 9 사이 난수 s = Math.pow(2, 10); // 2의 10승 console.log(s); </script> </head> <body> <h3>내장 객체 - Math</h3> </body> </html>내장 객체로써 Math 함수는 말 그대로 여러 수학에 관련된 함수들이 있다.
대표적인게 random() 함수로 난수 표현할때 사용
floor 함수도 자주 사용된다. (인수 보다 작거나 같은 수 중에서 가장 큰 정수를 반환)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <link rel="icon" href="data:;base64,iVBORw0KGgo="> <style type="text/css"> #box { width: 300px; height: 300px; border: 5px solid gray; margin: 30px auto; } </style> <script type="text/javascript"> function bg() { var r = Math.floor( Math.random() * 256 ); // 0~255 var g = Math.floor( Math.random() * 256 ); var b = Math.floor( Math.random() * 256 ); var layout = document.getElementById("box"); layout.style.backgroundColor = "rgb("+r+","+g+","+b+")"; setTimeout("bg()", 500); } window.onload = function() { bg(); } </script> </head> <body> <div id="box"></div> </body> </html>난수를 이용해서 rgb 값을 랜덤으로 주고
이걸 활용해서 배경색을 0.5초 마다 갱신 할 수 있다.
반응형'프로그래밍 > JavaScript 자바스크립트' 카테고리의 다른 글
자바스크립트 - 배열 / 객체 (1) (0) 2021.09.30 자바스크립트 - 달력 (0) 2021.09.28 자바스크립트 - 시간 관련 함수 (Date) (0) 2021.09.28 자바스크립트 - 문자열 활용 (0) 2021.09.27 자바스크립트 - 함수 만들기 (0) 2021.09.27
