Free html code for Mixed number to decimal convertor online
We will try to give you a new code for every day .
Here is a code for Mixed number to decimal convertor HTML code
<html lang="en">
<head>
<meta charset="UTF-8"></meta>
<meta content="width=device-width, initial-scale=1.0" name="viewport"></meta>
<title>Mixed Number to Decimal Converter</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
margin: 50px;
}
</style>
</head>
<body>
<h2>Mixed Number to Decimal Converter</h2>
<label for="mixedNumberInput">Enter Mixed Number (e.g., 1 1/2):</label>
<input id="mixedNumberInput" placeholder="Enter mixed number" type="text" />
<button onclick="convertMixedNumberToDecimal()">Convert</button>
<p id="result"></p>
<script>
function convertMixedNumberToDecimal() {
// Get the mixed number input value
var mixedNumberInput = document.getElementById("mixedNumberInput").value;
// Convert mixed number to decimal
var decimal = mixedNumberToDecimal(mixedNumberInput);
// Display the result
document.getElementById("result").innerHTML = "Decimal: " + decimal;
}
function mixedNumberToDecimal(mixedNumber) {
// Split the mixed number into whole number and fraction parts
var parts = mixedNumber.split(' ');
// If there is no fraction part, consider the whole number as the decimal
if (parts.length === 1) {
return parseFloat(parts[0]);
}
// If there is both whole and fraction parts, convert to decimal
var wholeNumber = parseFloat(parts[0]);
var fraction = parts[1];
// Split the fraction into numerator and denominator
var fractionParts = fraction.split('/');
var numerator = parseFloat(fractionParts[0]);
var denominator = parseFloat(fractionParts[1]);
// Convert the mixed number to decimal
return wholeNumber + (numerator / denominator);
}
</script>
</body>
</html>
Comments
Post a Comment