최대 1 분 소요

Math 클래스 1


<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Math클래스-1</title>
    <script src="libs/jquery-3.5.1.min.js"></script>
    <script>
        var $info = null;  //전역변수 선언
        $(document).ready(function(){
            $info = $("#panel");
            showRandom();
            setInterval(showRandom, 1000);
        });
        function showRandom(){
            //Math.random()는 실수값을 리턴하기 때문에 강제로 정수로
            //출력하게끔 만들어 주기 위해서 parseInt()를 사용함.
            //Math.random()에 * 10은 범위를 나타내는 것이고, +1 는 
            //시작값을 의미한다.
            var num = parseInt(Math.random() * 6) + 1;
            $info.html("주사위 번호 : " + num);
        }
    </script>
</head>
<body>
    <div id="panel">
        주사위 번호 : 0
    </div>
</body>
</html>

Math 클래스 2


<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Math클래스-2</title>
    <script>
        //Math.max()와 min()의 내용
        //var num1 = window.prompt("숫자 하나를 입력하세요", 0);
        //var num2 = window.prompt("숫자 하나를 입력하세요", 0);
        //alert("입력한 수의 작은값은 " + Math.min(num1, num2));
        //alert("입력한 수의 큰 값은 " + Math.max(num1, num2));
        //Math.ceil()와 floor()의 내용
        var num = 112;
        //var page = Math.ceil(num / 10);  //무조건 올림값
        var page = Math.floor(num / 10);  //무조건 내림값
        alert("전체 페이지 수는 = " + page);
    </script>
</head>
<body>    
</body>
</html>

image

댓글남기기