diff --git a/Calculators/Inductance-calculator/README.md b/Calculators/Inductance-calculator/README.md new file mode 100644 index 000000000..3aa89307c --- /dev/null +++ b/Calculators/Inductance-calculator/README.md @@ -0,0 +1,29 @@ +# Inductance Calculator + +## Description + +This project is a simple web-based **Inductance Calculator** that allows users to calculate the inductance of a coil based on parameters such as the number of turns, coil diameter, coil length, and core material. It is designed with a user-friendly interface, making it easy to input values and obtain the inductance result quickly. + +## Formula Used + +The inductance \( L \) of a solenoid is calculated using the following formula: + +​ +${L}$ = μ$N^2$ ${A/l}$ + + +Where: +- L = Inductance (Henries) +-N = Number of turns +- A = Cross-sectional area of the coil +- L = Length of the coil + +## Tech Stack + +- **HTML5**: For structuring the calculator interface. +- **CSS3**: For styling the page and ensuring a responsive design. + +## Screenshot + +![alt text](image.png) +![alt text](image-1.png) diff --git a/Calculators/Inductance-calculator/image-1.png b/Calculators/Inductance-calculator/image-1.png new file mode 100644 index 000000000..15c96b042 Binary files /dev/null and b/Calculators/Inductance-calculator/image-1.png differ diff --git a/Calculators/Inductance-calculator/image.png b/Calculators/Inductance-calculator/image.png new file mode 100644 index 000000000..92f36d3c2 Binary files /dev/null and b/Calculators/Inductance-calculator/image.png differ diff --git a/Calculators/Inductance-calculator/index.html b/Calculators/Inductance-calculator/index.html new file mode 100644 index 000000000..4650b0eb9 --- /dev/null +++ b/Calculators/Inductance-calculator/index.html @@ -0,0 +1,42 @@ + + + + + + Inductance Calculator + + + +
+

Inductance Calculator

+
+ + + + + + + + + + +
+
+
+ + + + diff --git a/Calculators/Inductance-calculator/styles.css b/Calculators/Inductance-calculator/styles.css new file mode 100644 index 000000000..6ca3e3859 --- /dev/null +++ b/Calculators/Inductance-calculator/styles.css @@ -0,0 +1,61 @@ +body { + background-image: url("https://images.unsplash.com/photo-1526112562240-f3c31a27a110?q=80&w=1932&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"); + font-family: Arial, sans-serif; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + background-color: #f5f5f5; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + margin: 0; +} + +.calculator-container { + backdrop-filter: blur(50px); + padding: 20px 30px; + color: white; + border-radius: 10px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + width: 300px; + text-align: center; +} + +h1 { + margin-bottom: 20px; +} + +form { + display: flex; + flex-direction: column; + gap: 10px; +} + +label { + text-align: left; +} + +input { + padding: 10px; + border: 1px solid #ddd; + border-radius: 5px; +} + +button { + padding: 10px; + background-color: rgb(197, 62, 0); + color: white; + border: none; + border-radius: 5px; + cursor: pointer; +} + +button:hover { + background-color: #0056b3; +} + +.result { + margin-top: 20px; + font-size: 1.2em; +} diff --git a/index.html b/index.html index 798b7d606..08b37eeef 100644 --- a/index.html +++ b/index.html @@ -437,6 +437,20 @@

Calculates the age on different planets as selected by the user.

+
+
+

Inductance calculator

+

Calculates the inductance of a Coil.

+ +
+

Atomic Composition Calculator