Inches to MM Calculator
About this app
Calculator that converts inches to millimeters and divides the result by 160.
Inches to MM Calculator Inches to MM Calculator Enter the value in inches: Result in MM:
Related apps
Put this on your site
Source
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Inches to MM Calculator</title>
<meta name="description" content="Calculator that converts inches to millimeters and divides the result by 160.">
<meta name="keywords" content="inches, millimeters, calculator">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<script type="text/javascript">
try {
// App Javascript Goes Here. Place your entire script content inside the try block for error handling.
// This will run when the DOM is ready.
document.addEventListener("DOMContentLoaded", function() {
// Get the input field
var inchesInput = document.getElementById("inches-input");
// Get the result field
var resultField = document.getElementById("result-field");
// Add event listener to the input field
inchesInput.addEventListener("input", function() {
// Get the value of the input field
var inches = parseFloat(inchesInput.value);
// Calculate the result in millimeters
var mmResult = inches * 25.4;
// Divide the result by 160
var finalResult = mmResult / 160;
// Display the result in the result field
resultField.innerHTML = finalResult.toFixed(2) + " MM";
});
});
} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>
<style>
/* App CSS Goes Here */
body {
background-color: #f2f2f2;
font-family: 'Arial', sans-serif;
}
.container {
max-width: 500px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
h1 {
margin-top: 0;
text-align: center;
color: #333;
}
.form-group {
margin-bottom: 20px;
}
label {
display: block;
font-weight: bold;
color: #555;
}
input[type="number"] {
width: 100%;
padding: 10px;
font-size: 16px;
border-radius: 5px;
border: 1px solid #ccc;
}
.result {
text-align: center;
color: #333;
font-size: 20px;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Inches to MM Calculator</h1>
<div class="form-group">
<label for="inches-input">Enter the value in inches:</label>
<input type="number" id="inches-input">
</div>
<div class="form-group">
<label for="result-field">Result in MM:</label>
<div id="result-field" class="result"></div>
</div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!