Multiplying Fractions in JavaScript

Method of Multiplying Fractions

Multiplying fractions is pretty straightforward:
Cancel out all common factors between numerators and denominators, then multiply whatever is left numerator to numerator and denominator to denominator.

Algorithm Steps to Multiply Fractions in JavaScript:

If we have
⁴/₉ x ²¹/₈;

Step 1:

Find any common factor between any numerator and any denominator.

Step 2:

Cancel out any such common factor.

=		X	7
	4		21
	9		8
	3

Step 3:

Repeat Steps 1 & 2 recursively until there are no more common factors.

=	1	X
	4		7
	3		8
			2

=	7
	6

Create 2 new files; On Notepad++: File, New.
Call them MultiplyFraction.html and MultiplyFraction.js;
Type out the adjoining JavaScript code for multiplying fractions.

So!

Feel free to try out your own set of numerators and denominators for fractional multiplication.

JavaScript code for MultiplyFraction.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Multiplying Fractions</title>
        <script src="MultiplyFraction.js"></script>
    </head>
    <body>

        <h3>Multiply Fractions</h3>
        
        <div id="multiply_fraction"></div>

        <script>
            var result = "Solving:<br/>";
            result += "             ";
            // Print as fraction
            for (var i = 0; i < numerators.length - 1; i++) {
                result += "<sup>" + numerators[i] + "</sup> / <sub>" + denominators[i] + "</sub>";
                result += "    x     ";
            }
            result += "<sup>" + numerators[i] + "</sup> / <sub>" + denominators[i] + "</sub><br/><br/>";

            try {
                // Carry out multiplication
                maxMember();
                doMultiply();

                result += "         ";
                // Print as fraction
                result += "Answer     =      ";
                result += " <sup>" + answer[0] + "</sup> ";
                result += "/ <sub>" + answer[1] + "</sub><br/>";

                document.getElementById("multiply_fraction").innerHTML = result;
            } catch (e) {
                alert(e.toString);
            }
        </script>

    </body>
</html>

MultiplyFraction.js

I have a better version / See other versions.