Fractional Numbers
As before, fractional numbers can either be Proper (e.g. 2/5), Improper (e.g. 5/2), or Mixed (e.g. 21/2),
Improper to Mixed Fraction Code in JavaScript
Say we have the fraction 10/3 - which is an improper fraction - we can convert this fraction to a mixed fraction by following a number of steps:
Step 1:
Find the largest number smaller than the numerator (10),
that can divide the denominator - 3 - without remainder.
⇒ 9
Step 2:
Subtract the found number (9) - from Step 1 -
from the numerator (10)
⇒ 10 - 9 = 1;
This yields the whole number.
Step 3:
Divide the found number (9) - from Step 1 -
by the denominator (3)
⇒ 9/3 = 3;
This yields the new numerator.
Step 4:
Reuse the denominator (3) to get our mixed fraction
⇒ 31/3
Create a new file; On Notepad++: File, New.
Call it ImproperToMixed.html.
Type out the adjoining JavaScript code for converting improper to mixed fractions.
So!
Feel free to try out your own numerator and denominator.
JavaScript code for ImproperToMixed.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Converting from Improper fraction to Mixed fraction</title>
</head>
<body>
<h3>Converting from Improper to Mixed the fraction</h3>
<!-- This is where the result will be displayed when it is ready.-->
<div id="improper_mixed"></div>
<script>
var numerator = 10;
var denominator = 3;
var whole_number;
var new_numerator = numerator;
var result = "Converting from Improper to Mixed the fraction:<br/>";
// Print as fraction
result += "<sup>" + numerator + "</sup> / <sub>" + denominator + "</sub><br/><br/>";
var dividend; // Highest multiple of denominator less than numerator
// Carry out conversion
// STEP 1:
for (dividend = numerator - 1; dividend > 1; dividend--) {
if ((dividend % denominator) === 0) {
// STEP 2:
new_numerator = numerator - dividend;
// STEP 3:
whole_number = dividend / denominator;
break;
}
}
// Print as fraction
// STEP 4:
result += "Answer = " + whole_number;
result += " <sup>" + new_numerator + "</sup> ";
result += "/ <sub>" + denominator + "</sub><br/>";
document.getElementById("improper_mixed").innerHTML = result;
</script>
</body>
</html>
<html lang="en">
<head>
<title>Converting from Improper fraction to Mixed fraction</title>
</head>
<body>
<h3>Converting from Improper to Mixed the fraction</h3>
<!-- This is where the result will be displayed when it is ready.-->
<div id="improper_mixed"></div>
<script>
var numerator = 10;
var denominator = 3;
var whole_number;
var new_numerator = numerator;
var result = "Converting from Improper to Mixed the fraction:<br/>";
// Print as fraction
result += "<sup>" + numerator + "</sup> / <sub>" + denominator + "</sub><br/><br/>";
var dividend; // Highest multiple of denominator less than numerator
// Carry out conversion
// STEP 1:
for (dividend = numerator - 1; dividend > 1; dividend--) {
if ((dividend % denominator) === 0) {
// STEP 2:
new_numerator = numerator - dividend;
// STEP 3:
whole_number = dividend / denominator;
break;
}
}
// Print as fraction
// STEP 4:
result += "Answer = " + whole_number;
result += " <sup>" + new_numerator + "</sup> ";
result += "/ <sub>" + denominator + "</sub><br/>";
document.getElementById("improper_mixed").innerHTML = result;
</script>
</body>
</html>