<!-- Script by hscripts.com -->
<!-- More scripts @www.hscripts.com -->
<html>
<head>
<title>Equivalent Fractions Calculator in Javascript </title>
<script LANGUAGE="JavaScript" >
function calc() {
var n=document.getElementById("n").value;
var num=parseInt(n);
if (isNaN(num) || num <0) {
alert("Enter Numerator");
}
var n1=document.getElementById("n1").value;
var num2=parseInt(n1);
if (isNaN(num2) || num2 <0) {
alert("Enter Denominator");
}
for (var i=1;(i <num) ||(i == num);i++) {
if (num % i == 0) {
for (var j=1;(j <num2) ||(j == num2);j++) {
if (num2 % j == 0) {if( i ==j){
var m = Math.max(i,j);
}
var z = num/m;
var f = num2/m;
var z1=z*2;
var f1=f*2;
var z2=z*3;
var f2=f*3;
var z3=z*4;
var f3=f*4;
var z4=z*5;
var f4=f*5;
var z5=z*6;
var f5=f*6;
var z6=z*7;
var f6=f*7;
var z7=z*8;
var f7=f*8;
var z8=z*9;
var f8=f*9;
var z9=z*10;
var f9=f*10;
document.getElementById("res").value =
z + "/" + f+" , "+"" +z1 + "/" + f1+" , "+""+z2 + "/" + f2+" , "+""+z3 + "/" + f3+" , "+""+z4 + "/" + f4+" , "+""+z5 + "/" + f5+" , "+""+z6 + "/" + f6+" , "+""+z7 + "/" + f7+" , "+""+z8 + "/" + f8+" , "+""+z9 + "/" + f9 ;
}
}
}
}
}
function re()
{
document.getElementById("n").value ="";
document.getElementById("n1").value = "";
document.getElementById("res").value = "";
}
function checnum(as)
{
var dd = as.value;
if(dd.lastIndexOf(" ")>=0){dd = dd.replace(" ","");as.value = dd;
}
if(isNaN(dd))
{
dd = dd.substring(0,(dd.length-1));
as.value = dd;
}
}
function chk(){
var sds = document.getElementById('dum');
if(sds == null){alert("You are using a free package.\n You are not allowed to remove the tag.\n");
document.getElementById("maindiv").style.visibility="hidden";
}
var sdss = document.getElementById("dumdiv");
if(sdss == null){alert("You are using a free package.\n You are not allowed to remove the tag.\n");}
}
window.onload=chk;
</script>
<style>.frms textarea{min-height: 100px;font-family:Tahoma, Geneva, sans-serif;
padding:5px .5%;
line-height:18px;}textarea
{
width:99%;
height:auto;
background:#fff;
border:#ddd 1px solid;
border-radius:.35em;
-moz-border-radius:.35em;
-webkit-border-radius:.35em;
-o-border-radius:.35em;
padding:1% .5%;
margin-top:5px;
margin-bottom:15px;
}
h2 {border-bottom: 1px solid #ebebeb;color: #474747;font-size: 1.4em;font-weight: normal;line-height: 130%;
}
.frms
{
margin:0 auto;
padding:10px;
-moz-border-radius:.3em;
-webkit-border-radius:.3em;
-o-border-radius:.3em;
font-family:Tahoma, Geneva, sans-serif;
color:#333;
font-size:.9em;
line-height:1.2em;
}
.frms input[type="text"],[type="password"],[type="file"],textarea,select
{
width:99%;
background:#fff;
border:#ddd 1px solid;
border-radius:.35em;
-moz-border-radius:.35em;
-webkit-border-radius:.35em;
-o-border-radius:.35em;
padding:0 .5%;
margin-top:5px;
margin-bottom:15px;
height:35px;
}
.frms input:hover,textarea:hover,select:hover
{
box-shadow:#dae1e5 0px 0px 5px;
-moz-box-shadow:#dae1e5 0px 0px 5px;
-webkit-box-shadow:#dae1e5 0px 0px 5px;
-o-box-shadow:#dae1e5 0px 0px 5px;
}
.frms input:focus,textarea:focus,select:focus
{
-webkit-box-shadow: inset 7px 4px 7px -7px rgba(0,0,0,0.42);
-moz-box-shadow: inset 7px 4px 7px -7px rgba(0,0,0,0.42);
box-shadow: inset 7px 4px 7px -7px rgba(0,0,0,0.42);
border:#9d9983 1px solid;
}
.frms input[type="submit"],input[type="reset"],input[type="button"],button,.yellow_button,.blue_button
{
padding:7px 14px;
font-weight:bold;
color:#fff;
cursor:pointer;
border-radius:.3em;
-moz-border-radius:.2em;
-webkit-border-radius:.2em;
-o-border-radius:.2em;
margin:10px 0;
border:none;
}
.frms input[type="submit"]
{
background:#75ab22;
border-bottom:#629826 3px solid;
text-shadow:#396e12 1px 1px 0px;
}
.frms input[type="reset"]
{
background:#ee765d;
border-bottom:#d95e44 3px solid;
text-shadow:#8c3736 1px 1px 0px;
}
input[type="button"],button,.blue_button
{
background:#468cd2;
border-bottom:#3277bc 3px solid;
text-shadow:#214d73 1px 1px 0px;
}
.frms label
{
font-size:1.2em;
}
.resp_code
{
margin:5px 10px 10px 300px;
padding:10px 20px 10px 20px;
font:normal 1em/1.3em Tahoma, Geneva, sans-serif;
color:#333;
background:#f8f8f8;
border:#ddd 1px solid;
border-radius:.25em;
overflow:auto;width:50%;
}
table td{font-size: 0.8em;
}
@media screen and (max-width: 480px)
{
.resp_code
{width:auto !important;margin:0px !important;
}
}
</style>
</head><body>
<div class='resp_code' id='maindiv' align='center'><h2>Equivalent Fractions Calculation</h2><form name=first class='frms'>
<table width=100%><tr><td colspan=4><b>Enter Whole Numbers Only </b></td></tr><tr><td>Numerator/Denominator:</td><td> <input type=text id=n size=4 onkeyup=checnum(this) maxlength=7> </td><td> / </td><td><input type=text id=n1 size=4 onkeyup=checnum(this) maxlength=7></td></tr><tr><td colspan=4 align=center><input type=button value=Calculate onClick=calc()>
<input type=reset value=Reset onclick=re()><span
align='center' style="font-size: 10px;color: #dadada;" id="dumdiv"><a href="https://www.hscripts.com" id="dum" style="font-size: 10px;color: #dadada;text-decoration:none;color: #dadada;">©h</a></span></td></tr><tr><td colspan=4><b>Equivalent Fractions</b></td></tr><tr><td colspan=4><textarea id=res cols=30 readonly></textarea></td></tr> </table></form>
</div>
</body>
</html>