Certainly! You can create a simple HTML file with JavaScript to convert meters to miles. Here’s an example:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meters to Miles Converter using javascript</title>
</head>
<body>
<h1>Meters to Miles Converter</h1>
<label for="metersInput">Enter distance in meters:</label>
<input type="number" id="metersInput" placeholder="Enter meters" oninput="convertMetersToMiles()">
<p id="result">Result: </p>
<script>
function convertMetersToMiles() {
// Get the input value
var meters = document.getElementById("metersInput").value;
// Convert meters to miles (1 meter is approximately 0.000621371 miles)
var miles = meters * 0.000621371;
// Display the result
document.getElementById("result").innerText = "Result: " + miles.toFixed(4) + " miles";
}
</script>
</body>
</html>
In this example, the HTML file contains an input field for entering the distance in meters. The `convertMetersToMiles` JavaScript function is called whenever the input changes. Inside this function, the conversion is performed (1 meter is approximately 0.000621371 miles), and the result is displayed below the input field. The result is rounded to 4 decimal places for clarity.