Free html code for mixed number to percent calculator convertor online
We will try to give you a new code for every day .
Here is a code for Mixed number to Percent 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 Percent Converter</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
margin: 50px;
}
</style>
</head>
<body>
<h2>Mixed Number to Percent 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="convertMixedNumberToPercent()">Convert</button>
<p id="result"></p>
<script>
function convertMixedNumberToPercent() {
// Get the mixed number input value
var mixedNumberInput = document.getElementById("mixedNumberInput").value;
// Convert mixed number to percent
var percent = mixedNumberToPercent(mixedNumberInput);
// Display the result
document.getElementById("result").innerHTML = "Percent: " + percent + "%";
}
function mixedNumberToPercent(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 percent
if (parts.length === 1) {
return parseFloat(parts[0]) + "%";
}
// If there is both whole and fraction parts, convert to percent
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 percent
var decimal = wholeNumber + (numerator / denominator);
var percent = decimal * 100;
return percent + "%";
}
</script>
</body>
</html>
Comments
Post a Comment