천단위 콤마 자바스크립트 코드

천단위 콤마 자바스크립트 코드입니다. v.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") 정규식을 통해 3자리마다 콤마를 찍습니다.

<!DOCTYPE html>
<html>
<head>
    <style>
        .beomsangBtnCalculate {
            background-color: #4CAF50;
            border: none;
            color: white;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 10px;
            cursor: pointer;
            border-radius: 4px;
        }

        .beomsangForm {
            margin: 20px;
            padding: 20px;
            border: 1px solid #ccc;
            border-radius: 4px;
            display: inline-block;
        }

        .beomsangForm label {
            display: block;
            margin-bottom: 10px;
        }

        .beomsangForm input[type="text"] {
            padding: 5px;
            width: 200px;
        }
    </style>
    <script>
        function beomsangOnSubmit(event) {
            event.preventDefault();
            var expression = document.getElementById("beomsangInput").value;
            try {
                var result = (new Function('return ' + expression))();
                document.getElementById("beomsangResult").innerHTML = "결과 : " + result.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
            } catch (error) {
                document.getElementById("beomsangResult").innerHTML = "잘못된 계산식 : " + expression;
            }
        }
    </script>
</head>

<body>
    <form class="beomsangForm" onsubmit="beomsangOnSubmit(event)">
        <label for="beomsangInput">계산식 입력:</label>
        <input type="text" id="beomsangInput" placeholder="예) 1000 + 5 * 20" required><br>
        <button class="beomsangBtnCalculate">계산하기</button>
        <p id="beomsangResult"></p>
    </form>
</body>
</html>