// Created by Mrityunjay alert("The motive of this script is to calculate the area and perimeter of different 2D figures.") alert("If you like the code then please share your views in comment section and suggest what more can be done in this code.") window.onload = function() { document.getElementById('z1').style.display='none'; document.getElementById('y1').style.display='none'; } //this function is use for dynamic dropdown function populate(s1,s2){ var s1 = document.getElementById(s1); var s2 = document.getElementById(s2); s2.innerHTML = ""; if(s1.value == "Circle"){ var optionArray = ["|","area|Area","circumference|Circumference"]; } else if (s1.value == ""){ var optionArray = ["|"] } else { var optionArray = ["|","area|Area","perimeter|Perimeter"]; } for (var option in optionArray){ var pair = optionArray[option].split ("|"); var newOption = document.createElement ("option"); newOption.value = pair[0]; newOption.innerHTML = pair[1]; s2.options.add(newOption); } } //this fumction is used for showing up the formulas in the paragraph id=x function formula(){ var s1 = document.getElementById('slct1'); var s2 = document.getElementById('slct2'); if(s1.value == "Parallelogram" && s2.value == "area"){ x.innerHTML="Area = b×h"; y.innerHTML="b (Base)"; z.innerHTML="h (Height)"; document.getElementById('z1').style.display='block'; document.getElementById('y1').style.display='block'; } else if (s1.value == "Parallelogram" && s2.value == "perimeter"){ x.innerHTML="Perimeter = 2(a+b)"; y.innerHTML="b (Base)"; z.innerHTML="a (Side)"; document.getElementById('z1').style.display='block'; document.getElementById('y1').style.display='block'; } else if (s1.value == "Rectangle" && s2.value == "area"){ x.innerHTML="Area = l×w"; y.innerHTML="l (Length)"; z.innerHTML="w (Width)"; document.getElementById('z1').style.display='block'; document.getElementById('y1').style.display='block'; } else if (s1.value == "Rectangle" && s2.value == "perimeter"){ x.innerHTML="Perimeter = 2(l+w)"; y.innerHTML="l (Length)"; z.innerHTML="w (Width)"; document.getElementById('z1').style.display='block'; document.getElementById('y1').style.display='block'; } else if (s1.value == "Rhombus" && s2.value == "area"){ x.innerHTML="Area = (p×q)/2"; y.innerHTML="p (Diagonal)"; z.innerHTML="q (Digonal)"; document.getElementById('z1').style.display='block'; document.getElementById('y1').style.display='block'; } else if (s1.value == "Rhombus" && s2.value == "perimeter"){ x.innerHTML="Perimeter = 4a"; y.innerHTML="a (Side)"; z.innerHTML=""; document.getElementById('z1').style.display='none'; document.getElementById('y1').style.display='block'; } else if (s1.value == "Square" && s2.value == "area"){ x.innerHTML="Area = a²"; y.innerHTML="a (Side)"; z.innerHTML=""; document.getElementById('z1').style.display='none'; document.getElementById('y1').style.display='block'; } else if (s1.value == "Square" && s2.value == "perimeter"){ x.innerHTML="Perimeter = 4a"; y.innerHTML="a (Side)"; z.innerHTML=""; document.getElementById('z1').style.display='none'; document.getElementById('y1').style.display='block'; } else if (s1.value == "Circle" && s2.value == "area"){ x.innerHTML="Area = πr²"; y.innerHTML="r (Radius)"; z.innerHTML=""; document.getElementById('z1').style.display='none'; document.getElementById('y1').style.display='block'; } else if (s1.value == "Circle" && s2.value == "circumference"){ x.innerHTML="Circumference = 2πr"; y.innerHTML="r (Radius)"; z.innerHTML=""; document.getElementById('z1').style.display='none'; document.getElementById('y1').style.display='block'; } } //this function is used for claculating the result function result(){ var s1 = document.getElementById('slct1'); var s2 = document.getElementById('slct2'); var y = y1.value; var z = z1.value; if (s1.value == "Parallelogram" && s2.value == "area") { var a = y*z; x.innerHTML="Area = "+ a +" sq.unit" } else if(s1.value == "Parallelogram" && s2.value == "perimeter") { var a = parseFloat(y)+parseFloat(z); var b = 2*a; x.innerHTML="Perimeter = "+b+" unit"; } else if (s1.value == "Rectangle" && s2.value == "area"){ var a = y*z x.innerHTML="Area = "+ a+" sq.unit"; } else if (s1.value == "Rectangle" && s2.value == "perimeter"){ var a = parseFloat(y)+parseFloat(z); var b = 2*a; x.innerHTML="Perimeter = "+b+" unit"; } else if (s1.value == "Rhombus" && s2.value == "area"){ var a = y*z; var b = a/2 x.innerHTML="Area = "+ b+" sq.unit"; } else if (s1.value == "Rhombus" && s2.value == "perimeter"){ var a = 4*y; x.innerHTML="Perimeter = "+a+" unit"; } else if (s1.value == "Square" && s2.value == "area"){ var a = y*y; x.innerHTML="Area = "+ a+" sq.unit"; } else if (s1.value == "Square" && s2.value == "perimeter"){ var a = 4*y; x.innerHTML="Perimeter = "+a+" unit"; } else if (s1.value == "Circle" && s2.value == "area"){ var a = 3.14 *y*y; x.innerHTML= "Area = "+a+" sq.unit"; } else if (s1.value == "Circle" && s2.value == "circumfrence"){ var a = 2*3.14*y; x.innerHTML="Circumfrence = "+a+" unit"; } }

2D Calculator