인치 계산기 스크립트 (센티미터 단위를 입력하여 2.54로 나눈 인치 값)

인치 계산기 스크립트

인치 계산기 스크립트 코드입니다. 센티미터 단위를 입력하여 2.54로 나눈 인치 값을 추정합니다~

<!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 calculateInches(event) {
            event.preventDefault();

            var cm = parseFloat(document.getElementById("beomsangCmInput").value);
            var inches = cm / 2.54;

            document.getElementById("beomsangResult").innerHTML = cm + " 센티미터는 약 " + inches.toFixed(2) + " 인치입니다.";
        }
    </script>
</head>

<body>
    <form class="beomsangForm" onsubmit="calculateInches(event)">
        <label for="beomsangCmInput">센티미터 입력:</label>
        <input type="text" id="beomsangCmInput" placeholder="예) 139" required><br>
        <button class="beomsangBtnCalculate">인치로 변환하기</button>
        <p id="beomsangResult"></p>
    </form>
</body>
</html>
댓글 쓰기
가져가실 때, 출처 표시 부탁드려요! 감사합니다. 💗