Calculators Effects >>> Circle Solver.
 
Script Categories













Calculators >>> Circle Solver.

Can't remember the formulas for the other two parts of a circle (area, diameter, or circumference) when you only know one? To the rescue is Circle Solver. Enter the circle area, diameter, or circumference and it will solve for the other two!

Area:
Diameter:
Circumference:

Add the below code to the <body> section of your page:

<script language="javascript" type="text/javascript">
/* Visit http://www.yaldex.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begin
function circle(form,changed) {
with (Math) {
var area = form.area.value;
var diameter = form.diameter.value;
var circumference = form.circumference.value;
if (changed == "area") {
var radius = sqrt(area / PI);
diameter = 2 * radius;
circumference = PI * diameter;
}
if (changed == "diameter") {
area = PI * (diameter / 2) * (diameter / 2);
circumference = PI * diameter;
}
if (changed == "circumference") {
diameter = circumference / PI;
area = PI * (diameter / 2) * (diameter / 2);
       }
form.area.value = area;
form.diameter.value = diameter;
form.circumference.value = circumference;
  }
}
var toDegrees = 360 / (Math.PI * 2);
var toRadians = (Math.PI * 2) / 360;
//  End -->
</script>
<form method=post>
<table border="5">
<tr>
<td
align=center>Area:</td>
<td
align=center><input type=text name=area size=6 value=0  onFocus="select()"></td>
<td
align=center><input type=button value="Solve Others" onClick="circle(this.form,'area')"></td>
</tr>
<tr>
<td
align=center>Diameter:</td>
<td
align=center><input type=text name=diameter size=6 value=0 onFocus="select()"></td>
<td
align=center><input type=button value="Solve Others" onClick="circle(this.form,'diameter')"></td>
</tr>
<tr>
<td
align=center>Circumference:</td>
<td
align=center><input type=text name=circumference size=6 value=0 onFocus="select()"></td>
<td
align=center><input type=button value="Solve Others" onClick="circle(this.form,'circumference')"></td>
</tr>
</table>

</form>

JavaScript Editor Get Advanced
JavaScript and Ajax Editor,
Validator and Debugger!

1st JavaScript Editor.



Code was highlighted by 1st JavaScript Editor (The Best JavaScript Editor!).




©