Fractional Numbers
Like we all know, fractional numbers can either be Proper (e.g. 2/5), Improper (e.g. 5/2), or Mixed (e.g. 21/2),
Mixed to Improper Fraction Code in JavaScript
Say we have the fraction 32/5 - which is a mixed fraction; we can convert this fraction to an improper fraction by following a number of steps:
Step 1:
Multiply the whole number (3), by the denominator (5)
⇒ 3 X 5 = 15
Step 2:
Add the result from Step 1 to the numerator (2)
⇒ 15 + 2 = 17
Step 3:
Our obtained improper fraction is our new numerator (17) divided by our denominator (5).
Create a new file; On Notepad++: File, New.
Call it MixedToImproper.html.
Type out the adjoining JavaScript code for converting mixed to improper fractions.
So!
Feel free to try out your own numerator, denominator and whole number.
JavaScript code for MixedToImproper.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Converting from Mixed fraction to Improper fraction</title>
</head>
<body>
<h3>Converting from Mixed fraction to Improper fraction</h3>
<!-- This is where the result will be displayed when it is ready.-->
<div id="mixed_improper"></div>
<script>
var whole_number = 3;
var numerator = 2;
var denominator = 5;
var result = "Converting from Mixed to Improper the fraction:<br/>";
// Print as fraction
result += whole_number + " <sup>" + numerator + "</sup> ";
result += "/ <sub>" + denominator + "</sub><br/><br/>";
/*
* STEP 1, 2:
*/
// Carry out conversion
numerator = (whole_number * denominator) + numerator;
// Print as fraction
// STEP 3:
result += "Answer = " + "<sup>" + numerator + "</sup> ";
result += "/ <sub>" + denominator + "</sub><br/>";
document.getElementById("mixed_improper").innerHTML = result;
</script>
</body>
</html>
<html lang="en">
<head>
<title>Converting from Mixed fraction to Improper fraction</title>
</head>
<body>
<h3>Converting from Mixed fraction to Improper fraction</h3>
<!-- This is where the result will be displayed when it is ready.-->
<div id="mixed_improper"></div>
<script>
var whole_number = 3;
var numerator = 2;
var denominator = 5;
var result = "Converting from Mixed to Improper the fraction:<br/>";
// Print as fraction
result += whole_number + " <sup>" + numerator + "</sup> ";
result += "/ <sub>" + denominator + "</sub><br/><br/>";
/*
* STEP 1, 2:
*/
// Carry out conversion
numerator = (whole_number * denominator) + numerator;
// Print as fraction
// STEP 3:
result += "Answer = " + "<sup>" + numerator + "</sup> ";
result += "/ <sub>" + denominator + "</sub><br/>";
document.getElementById("mixed_improper").innerHTML = result;
</script>
</body>
</html>