Area Calculator

Professional Area Calculator

Select Shape:

Side Length:

The area of a square is calculated as side × side.

Calculated Area:

0 square units

Understanding Area Calculation

Area is a measure of the amount of space inside a two-dimensional shape. Different shapes have different formulas for calculating area.

Square: Area = side × side

Rectangle: Area = length × width

Circle: Area = π × radius²

Triangle: Area = ½ × base × height

Our calculator helps you quickly determine the area of these common shapes. Simply select the shape, provide the required dimensions, and let the calculator do the rest!

`; shapeDiagram.innerHTML = ''; shapeInfo.textContent = "The area of a square is calculated as side × side."; break; case 'rectangle': inputContainer.innerHTML = `

Length:

Width:

`; shapeDiagram.innerHTML = ''; shapeInfo.textContent = "The area of a rectangle is calculated as length × width."; break; case 'circle': inputContainer.innerHTML = `

Radius:

`; shapeDiagram.innerHTML = ''; shapeInfo.textContent = "The area of a circle is calculated as π × radius²."; break; case 'triangle': inputContainer.innerHTML = `

Base:

Height:

`; shapeDiagram.innerHTML = ''; shapeInfo.textContent = "The area of a triangle is calculated as ½ × base × height."; break; } // Hide result when shape changes document.getElementById('resultContainer').style.display = 'none'; } function calculateArea() { const shape = document.getElementById('shape').value; const resultContainer = document.getElementById('resultContainer'); const resultValue = document.getElementById('resultValue'); let area = 0; try { switch(shape) { case 'square': const side = parseFloat(document.getElementById('dimension1').value); if (isNaN(side) || side <= 0) throw new Error('Please enter a valid side length'); area = side * side; break; case 'rectangle': const length = parseFloat(document.getElementById('dimension1').value); const width = parseFloat(document.getElementById('dimension2').value); if (isNaN(length) || length <= 0 || isNaN(width) || width <= 0) { throw new Error('Please enter valid length and width'); } area = length * width; break; case 'circle': const radius = parseFloat(document.getElementById('dimension1').value); if (isNaN(radius) || radius <= 0) throw new Error('Please enter a valid radius'); area = Math.PI * radius * radius; break; case 'triangle': const base = parseFloat(document.getElementById('dimension1').value); const height = parseFloat(document.getElementById('dimension2').value); if (isNaN(base) || base <= 0 || isNaN(height) || height <= 0) { throw new Error('Please enter valid base and height'); } area = 0.5 * base * height; break; } resultValue.innerHTML = area.toFixed(2) + ' square units'; resultContainer.style.display = 'block'; } catch (error) { alert(error.message); } } // Initialize the calculator with the default shape window.onload = changeShape;

zaheerpashamd