Hello Friends Today, through this tutorial, I will tell you How to Convert centimeters (cm) to yards Using JavaScript With HTML.
To convert from centimeters to yards using JavaScript with HTML, you can create a simple HTML form where the user inputs the length in centimeters. Then, use JavaScript to perform the conversion and display the result dynamically. Here’s an example:
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Centimeters to Yards Converter</title>
</head>
<body>
<h2>Centimeters to Yards Converter</h2>
<form id="converterForm">
<label for="centimeters">Enter Length in Centimeters:</label>
<input type="text" id="centimeters" required>
<input type="button" value="Convert" onclick="convertCentimetersToYards()">
</form>
<p id="result"></p>
<script>
function convertCentimetersToYards() {
// Get the length in centimeters from the input field
var centimeters = parseFloat(document.getElementById("centimeters").value);
// Perform the conversion
var yards = centimeters / 91.44; // 1 yard = 91.44 centimeters
// Display the result
document.getElementById("result").innerHTML = centimeters + " centimeters is equal to " + yards.toFixed(4) + " yards.";
}
</script>
</body>
</html>
In this example:
– The HTML form contains an input field for the length in centimeters and a button to trigger the conversion.
– The `convertCentimetersToYards` JavaScript function is called when the button is clicked.
– The length in centimeters is retrieved from the input field, and the conversion is performed using the conversion factor of 1 yard = 91.44 centimeters.
– The result is dynamically displayed in a paragraph with the id “result”.