diff --git a/New-Folder/index.html b/New-Folder/index.html new file mode 100644 index 0000000..ff257ac --- /dev/null +++ b/New-Folder/index.html @@ -0,0 +1,90 @@ + + + + + + Calculator + + + + + + +
+

Calulator

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

Ans:

+ +
+ + +
+
+
+
+ + + + diff --git a/New-Folder/script.js b/New-Folder/script.js new file mode 100644 index 0000000..3b0c9e9 --- /dev/null +++ b/New-Folder/script.js @@ -0,0 +1,30 @@ +let inp1 = document.querySelector(".inp-1"); +let inp2 = document.querySelector(".inp-2"); +let add = document.querySelector(".addi"); +let multi = document.querySelector(".multi"); +let divi = document.querySelector(".divi"); +let sub = document.querySelector(".sub"); +// let ans = document.querySelector('.ans'); +let ans = document.querySelector(".ans-box"); +let clear = document.querySelector(".clear"); +add.addEventListener("click", () => { + let answer = parseInt(inp1.value) + parseInt(inp2.value); + ans.value = answer; +}); +sub.addEventListener("click", () => { + let answer = parseInt(inp1.value) - parseInt(inp2.value); + ans.value = answer; +}); +multi.addEventListener("click", () => { + let answer = parseInt(inp1.value) * parseInt(inp2.value); + ans.value = answer; +}); +divi.addEventListener("click", () => { + let answer = parseInt(inp1.value) / parseInt(inp2.value); + ans.value = answer; +}); +clear.addEventListener("click", () => { + inp1.value = ""; + inp2.value = ""; + ans.value = ""; +}); diff --git a/New-Folder/style.css b/New-Folder/style.css new file mode 100644 index 0000000..f1634c3 --- /dev/null +++ b/New-Folder/style.css @@ -0,0 +1,20 @@ +.main { + min-width: 100vw; +} +.outer { + width: 100%; + display: flex; + justify-content: center; +} +.calculator { + margin-top: 5rem; +} + +h1 { + text-align: center; + background-color: black; + color: white; +} +h3 { + margin-top: 3rem; +}