From ef1258ce99a4f554d1a092e86ec3da0cda4faea0 Mon Sep 17 00:00:00 2001 From: Aman Singh <73817213+aman-7299@users.noreply.github.com> Date: Wed, 11 May 2022 07:07:32 +0530 Subject: [PATCH 1/5] Add files via upload --- Calculators/index.html | 41 ++++++++++++++++++++++++++++++++ Calculators/script.js | 13 +++++++++++ Calculators/style.css | 53 ++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 107 insertions(+) create mode 100644 Calculators/index.html create mode 100644 Calculators/script.js create mode 100644 Calculators/style.css diff --git a/Calculators/index.html b/Calculators/index.html new file mode 100644 index 00000000..8653ef3b --- /dev/null +++ b/Calculators/index.html @@ -0,0 +1,41 @@ + + + + + + + + Percentage Calculator + + + + +

Percentage Calculator

+ +
+ +

What is % of + ? +

+
+ + +
+ +
+ +

+ is what Percent of + ? +

+ +
+ + +
+ + + + + diff --git a/Calculators/script.js b/Calculators/script.js new file mode 100644 index 00000000..d4d2bc2a --- /dev/null +++ b/Calculators/script.js @@ -0,0 +1,13 @@ +function percentage_1() { + var percent = document.getElementById("percent").value; + var num = document.getElementById("num").value; + document.getElementById("value1") + .value = (num / 100) * percent; +} + +function percentage_2() { + var num1 = document.getElementById("num1").value; + var num2 = document.getElementById("num2").value; + document.getElementById("value2") + .value = (num1 * 100) / num2 + "%"; +} diff --git a/Calculators/style.css b/Calculators/style.css new file mode 100644 index 00000000..91082fe6 --- /dev/null +++ b/Calculators/style.css @@ -0,0 +1,53 @@ + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Courier New', Courier, monospace; +} +body { + background-color: #f7f7f7; + min-height: 100vh; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} +h1 { + font-weight: 900; + margin-bottom: 12px; +} + +div { + width: 480px; + background-color: #fff; + margin: 12px 0; + padding: 24px; + text-align: center; + box-shadow: 2px 2px 8px 2px #aaa; +} + +input[type=number] { + width: 84px; + font-size: 18px; + padding: 8px; + margin: 0px 8px 8px 8px; +} +button { + text-transform: uppercase; + font-weight: 900; + font-size: 20px; + margin: 12px 0; + padding: 8px; + cursor: pointer; + letter-spacing: 1px; +} +input[type=text] { + font-size: 22px; + padding: 8px 0; + font-weight: 900; + text-align: center; + background-color: #f7f7f7; + border: 2px solid #ccc; + border-radius: 6px; +} From 2240d328baa29c6c91f730d5f375d0ef8f91eb0c Mon Sep 17 00:00:00 2001 From: Aman Singh <73817213+aman-7299@users.noreply.github.com> Date: Wed, 11 May 2022 07:08:00 +0530 Subject: [PATCH 2/5] Delete index.html --- Calculators/index.html | 41 ----------------------------------------- 1 file changed, 41 deletions(-) delete mode 100644 Calculators/index.html diff --git a/Calculators/index.html b/Calculators/index.html deleted file mode 100644 index 8653ef3b..00000000 --- a/Calculators/index.html +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - - - Percentage Calculator - - - - -

Percentage Calculator

- -
- -

What is % of - ? -

-
- - -
- -
- -

- is what Percent of - ? -

- -
- - -
- - - - - From 5dccb5d1abf57ee96da6b69f82a4a9670a08d5a0 Mon Sep 17 00:00:00 2001 From: Aman Singh <73817213+aman-7299@users.noreply.github.com> Date: Wed, 11 May 2022 07:08:11 +0530 Subject: [PATCH 3/5] Delete script.js --- Calculators/script.js | 13 ------------- 1 file changed, 13 deletions(-) delete mode 100644 Calculators/script.js diff --git a/Calculators/script.js b/Calculators/script.js deleted file mode 100644 index d4d2bc2a..00000000 --- a/Calculators/script.js +++ /dev/null @@ -1,13 +0,0 @@ -function percentage_1() { - var percent = document.getElementById("percent").value; - var num = document.getElementById("num").value; - document.getElementById("value1") - .value = (num / 100) * percent; -} - -function percentage_2() { - var num1 = document.getElementById("num1").value; - var num2 = document.getElementById("num2").value; - document.getElementById("value2") - .value = (num1 * 100) / num2 + "%"; -} From 2ab2ab3b53e3789d4304cd65dd46f6b41c64eabc Mon Sep 17 00:00:00 2001 From: Aman Singh <73817213+aman-7299@users.noreply.github.com> Date: Wed, 11 May 2022 07:08:23 +0530 Subject: [PATCH 4/5] Delete style.css --- Calculators/style.css | 53 ------------------------------------------- 1 file changed, 53 deletions(-) delete mode 100644 Calculators/style.css diff --git a/Calculators/style.css b/Calculators/style.css deleted file mode 100644 index 91082fe6..00000000 --- a/Calculators/style.css +++ /dev/null @@ -1,53 +0,0 @@ - -* { - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: 'Courier New', Courier, monospace; -} -body { - background-color: #f7f7f7; - min-height: 100vh; - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; -} -h1 { - font-weight: 900; - margin-bottom: 12px; -} - -div { - width: 480px; - background-color: #fff; - margin: 12px 0; - padding: 24px; - text-align: center; - box-shadow: 2px 2px 8px 2px #aaa; -} - -input[type=number] { - width: 84px; - font-size: 18px; - padding: 8px; - margin: 0px 8px 8px 8px; -} -button { - text-transform: uppercase; - font-weight: 900; - font-size: 20px; - margin: 12px 0; - padding: 8px; - cursor: pointer; - letter-spacing: 1px; -} -input[type=text] { - font-size: 22px; - padding: 8px 0; - font-weight: 900; - text-align: center; - background-color: #f7f7f7; - border: 2px solid #ccc; - border-radius: 6px; -} From 350d07e25347f6c2d15053a7308cc8c23b37ed72 Mon Sep 17 00:00:00 2001 From: Aman Singh <73817213+aman-7299@users.noreply.github.com> Date: Wed, 11 May 2022 17:37:18 +0530 Subject: [PATCH 5/5] Update index.html --- Calculators/Binary_Calculator/index.html | 103 +++++++++++++++++------ 1 file changed, 79 insertions(+), 24 deletions(-) diff --git a/Calculators/Binary_Calculator/index.html b/Calculators/Binary_Calculator/index.html index 37ca28c3..5c663cdb 100644 --- a/Calculators/Binary_Calculator/index.html +++ b/Calculators/Binary_Calculator/index.html @@ -1,25 +1,80 @@ - - - - - - Binary Calculator - - - -

Binary Calculator

-
-
- - - - - - - - -
- - - \ No newline at end of file + + + + Binary Calculator + + + + + + +
+
+

Binary Calculator

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