Skracanie ułamków

${\displaystyle \frac{\mathrm{<semantics>\; <annotation-xml\; encoding="application/xhtml+xml">\; <input\; xmlns="http://www.w3.org/1999/xhtml"\; value="36"\; class="usr-input\; width-dynamic"\; style="text-align:right"\; oninput="go()"\; type="text"\; size="5"\; id="x1">\; </annotation-xml>\; </semantics>}}{\mathrm{<semantics>\; <annotation-xml\; encoding="application/xhtml+xml">\; <input\; xmlns="http://www.w3.org/1999/xhtml"\; value="56"\; class="usr-input\; width-dynamic"\; style="text-align:right"\; oninput="go()"\; type="text"\; size="5"\; id="y1">\; </annotation-xml>\; </semantics>}}=\frac{\mathrm{<semantics>\; <annotation-xml\; encoding="application/xhtml+xml">\; <input\; xmlns="http://www.w3.org/1999/xhtml"\; value="36:4"\; style="text-align:center;\; border:none"\; onkeydown="this.readOnly\; =\; true;"\; type="text"\; size="5"\; id="x2">\; </annotation-xml>\; </semantics>}}{\mathrm{<semantics>\; <annotation-xml\; encoding="application/xhtml+xml">\; <input\; xmlns="http://www.w3.org/1999/xhtml"\; value="56:4"\; style="text-align:center;\; border:none"\; onkeydown="this.readOnly\; =\; true;"\; type="text"\; size="5"\; id="y2">\; </annotation-xml>\; </semantics>}}=\frac{\mathrm{<semantics>\; <annotation-xml\; encoding="application/xhtml+xml">\; <input\; xmlns="http://www.w3.org/1999/xhtml"\; value="9"\; style="text-align:center;\; border:none"\; onkeydown="this.readOnly\; =\; true;"\; type="text"\; size="5"\; id="x3">\; </annotation-xml>\; </semantics>}}{\mathrm{<semantics>\; <annotation-xml\; encoding="application/xhtml+xml">\; <input\; xmlns="http://www.w3.org/1999/xhtml"\; value="14"\; style="text-align:center;\; border:none"\; onkeydown="this.readOnly\; =\; true;"\; type="text"\; size="5"\; id="y3">\; </annotation-xml>\; </semantics>}}}$