인치 계산기 스크립트 코드입니다. 센티미터 단위를 입력하여 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>