diff --git a/Antilog Calculator/index.html b/Antilog Calculator/index.html new file mode 100644 index 00000000..4aa2c385 --- /dev/null +++ b/Antilog Calculator/index.html @@ -0,0 +1,31 @@ + + + + + + + + Anti-Log Calculator + + + +
+

Anti-Log Calculator

+
+ +
+ + + + + + + + +

+
+ + + + + \ No newline at end of file diff --git a/Antilog Calculator/manifest.json b/Antilog Calculator/manifest.json new file mode 100644 index 00000000..d6530e52 --- /dev/null +++ b/Antilog Calculator/manifest.json @@ -0,0 +1,12 @@ +{ + "manifest_version": 3, + "name": "Antilog Calculator", + "version": "1.0", + "description": "A calculator that calculates us the antilog of the value with respect to it's base.", + "action": { + "default_popup": "index.html" + }, + "permissions": [ + "storage" + ] +} \ No newline at end of file diff --git a/Antilog Calculator/script.js b/Antilog Calculator/script.js new file mode 100644 index 00000000..1a65c3bb --- /dev/null +++ b/Antilog Calculator/script.js @@ -0,0 +1,13 @@ +function calculate() { + // Get input values + const value = document.getElementById('value').value; + const base = document.getElementById('base').value; + + // Perform the selected calculation + let result; + result = Math.pow(base,value) + + // Display the result + const resultElement = document.getElementById('result'); + resultElement.textContent = result; +} \ No newline at end of file diff --git a/Antilog Calculator/style.css b/Antilog Calculator/style.css new file mode 100644 index 00000000..e28a5492 --- /dev/null +++ b/Antilog Calculator/style.css @@ -0,0 +1,67 @@ +body { + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + margin: 0; + padding: 0; + background-color: #aaf0dd; +} + +header { + background-color: #3c25e8; + color: #fff; + text-align: center; + padding: 1em; +} + +#calculator { + max-width: 300px; + margin: 20px auto; + border: 2px solid #0c0101; + padding: 20px; + border-radius: 8px; + background: linear-gradient(to right, #deec76, #15df0e); + background-color: #fff; + box-shadow: 0 0 10px rgba(0, 0, 0, 200); +} + +label { + display: block; + margin-bottom: 8px; + color: #333; +} + +input, +select { + width: 100%; + padding: 10px; + margin-bottom: 16px; + box-sizing: border-box; + border-radius: 9px; +} + +button { + width: 100%; + height: 40px; + font-size: 16px; + cursor: pointer; + background-color: #103cee; + color: #fff; + border: none; + border-radius: 9px; + transition: background-color 0.3s; +} + +button:hover { + background-color: #45a09e; +} + +#result { + margin-top: 16px; + font-weight: bold; + color: #333; +} +#base{ + font-weight: bold; +} +#value{ + font-weight: bold; +} \ No newline at end of file