From 5a2a684ec8b02f33d76dda743d57ebd5eb87ddc7 Mon Sep 17 00:00:00 2001 From: Kashishgarg248 <153218193+Kashishgarg248@users.noreply.github.com> Date: Wed, 29 May 2024 19:13:38 +0530 Subject: [PATCH 01/11] Addition of Reset Button in 2-D Distance Calculator --- Calculators/2D-Distance-Calculator/index.html | 3 +++ Calculators/2D-Distance-Calculator/script.js | 11 +++++++++++ 2 files changed, 14 insertions(+) diff --git a/Calculators/2D-Distance-Calculator/index.html b/Calculators/2D-Distance-Calculator/index.html index 9b8e36ec4..112b01cdd 100644 --- a/Calculators/2D-Distance-Calculator/index.html +++ b/Calculators/2D-Distance-Calculator/index.html @@ -22,7 +22,10 @@

2D Distance Calculator

+ + + diff --git a/Calculators/2D-Distance-Calculator/script.js b/Calculators/2D-Distance-Calculator/script.js index 2db5a478d..bc0be6649 100644 --- a/Calculators/2D-Distance-Calculator/script.js +++ b/Calculators/2D-Distance-Calculator/script.js @@ -16,4 +16,15 @@ function calculateDistance() { // Display the result document.getElementById('result').innerHTML = 'Distance: ' + distance.toFixed(2); + + //To Reset + + document.getElementById('resetButton').addEventListener('click',function(resetForm){ + document.getElementById('x1').value=''; + document.getElementById('y1').value=''; + document.getElementById('x2').value=''; + document.getElementById('y2').value=''; + document.getElementById('result').innerHTML=''; + + }) } From a78c12f11fef1b13c103483a1579d51f4872fc1b Mon Sep 17 00:00:00 2001 From: Kashishgarg248 <153218193+Kashishgarg248@users.noreply.github.com> Date: Fri, 31 May 2024 18:04:07 +0530 Subject: [PATCH 02/11] Added Responsive to Split Bill Calculator --- Calculators/Bill-Split-Calculator/style.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/Calculators/Bill-Split-Calculator/style.css b/Calculators/Bill-Split-Calculator/style.css index 2b517c1af..167df6e4f 100644 --- a/Calculators/Bill-Split-Calculator/style.css +++ b/Calculators/Bill-Split-Calculator/style.css @@ -5,6 +5,10 @@ body { font-family: "Open Sans", sans-serif; font-size: x-large; background-image: linear-gradient(to right, #9796f0, #fbc7d4); + display: flex; + justify-content: center; + align-items: center; + } .container { @@ -15,7 +19,7 @@ body { } .calculator { - width: 25%; + width: 100%; background-color: #413543; color: #F0EB8D; padding: 20px; @@ -23,6 +27,7 @@ body { text-align: center; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 1.2); + max-width: 400px; } label { From 2da67fd349153db5ef99c25f89d41207ab772faf Mon Sep 17 00:00:00 2001 From: Rakesh Roshan Date: Fri, 31 May 2024 19:46:50 +0530 Subject: [PATCH 03/11] Update index.html --- Calculators/2D-Distance-Calculator/index.html | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/Calculators/2D-Distance-Calculator/index.html b/Calculators/2D-Distance-Calculator/index.html index 112b01cdd..149c412d3 100644 --- a/Calculators/2D-Distance-Calculator/index.html +++ b/Calculators/2D-Distance-Calculator/index.html @@ -22,13 +22,11 @@

2D Distance Calculator

- + - - - \ No newline at end of file + From d1935eb790db94ae430d5366eafbdd158fb8db47 Mon Sep 17 00:00:00 2001 From: Rakesh Roshan Date: Fri, 31 May 2024 19:48:06 +0530 Subject: [PATCH 04/11] Update script.js --- Calculators/2D-Distance-Calculator/script.js | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/Calculators/2D-Distance-Calculator/script.js b/Calculators/2D-Distance-Calculator/script.js index bc0be6649..f9ab46194 100644 --- a/Calculators/2D-Distance-Calculator/script.js +++ b/Calculators/2D-Distance-Calculator/script.js @@ -18,13 +18,11 @@ function calculateDistance() { document.getElementById('result').innerHTML = 'Distance: ' + distance.toFixed(2); //To Reset - - document.getElementById('resetButton').addEventListener('click',function(resetForm){ - document.getElementById('x1').value=''; - document.getElementById('y1').value=''; - document.getElementById('x2').value=''; - document.getElementById('y2').value=''; - document.getElementById('result').innerHTML=''; - + document.getElementById('resetButton').addEventListener('click', function (resetForm) { + document.getElementById('x1').value = ''; + document.getElementById('y1').value = ''; + document.getElementById('x2').value = ''; + document.getElementById('y2').value = ''; + document.getElementById('result').innerHTML = ''; }) } From 773746563d1efdef3a722359701829227f6f46e4 Mon Sep 17 00:00:00 2001 From: Rakesh Roshan Date: Fri, 31 May 2024 19:48:49 +0530 Subject: [PATCH 05/11] Update style.css --- Calculators/Bill-Split-Calculator/style.css | 9 ++------- 1 file changed, 2 insertions(+), 7 deletions(-) diff --git a/Calculators/Bill-Split-Calculator/style.css b/Calculators/Bill-Split-Calculator/style.css index 167df6e4f..b6ff9d862 100644 --- a/Calculators/Bill-Split-Calculator/style.css +++ b/Calculators/Bill-Split-Calculator/style.css @@ -5,10 +5,6 @@ body { font-family: "Open Sans", sans-serif; font-size: x-large; background-image: linear-gradient(to right, #9796f0, #fbc7d4); - display: flex; - justify-content: center; - align-items: center; - } .container { @@ -19,7 +15,7 @@ body { } .calculator { - width: 100%; + width: 25%; background-color: #413543; color: #F0EB8D; padding: 20px; @@ -27,7 +23,6 @@ body { text-align: center; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 1.2); - max-width: 400px; } label { @@ -130,4 +125,4 @@ input:focus { width: 0; height: 100%; background: #495057; -} \ No newline at end of file +} From 54c5e1548e96e6d48163fb8fb977dfeed2243c7d Mon Sep 17 00:00:00 2001 From: Kashishgarg248 <153218193+Kashishgarg248@users.noreply.github.com> Date: Sat, 1 Jun 2024 09:35:09 +0530 Subject: [PATCH 06/11] Added Responsiveness to Split-Bill Calculator --- Calculators/Bill-Split-Calculator/style.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/Calculators/Bill-Split-Calculator/style.css b/Calculators/Bill-Split-Calculator/style.css index b6ff9d862..ba99e29d2 100644 --- a/Calculators/Bill-Split-Calculator/style.css +++ b/Calculators/Bill-Split-Calculator/style.css @@ -5,6 +5,10 @@ body { font-family: "Open Sans", sans-serif; font-size: x-large; background-image: linear-gradient(to right, #9796f0, #fbc7d4); + display: flex; + justify-content: center; + align-items: center; + } .container { @@ -15,7 +19,7 @@ body { } .calculator { - width: 25%; + width: 100%; background-color: #413543; color: #F0EB8D; padding: 20px; @@ -23,6 +27,7 @@ body { text-align: center; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 1.2); + max-width: 400px; } label { From dc93a0e624162f9b79575cbb9a5a2049dcedaca9 Mon Sep 17 00:00:00 2001 From: Kashishgarg248 <153218193+Kashishgarg248@users.noreply.github.com> Date: Sun, 2 Jun 2024 10:25:14 +0530 Subject: [PATCH 07/11] Please check now --- Calculators/Bill-Split-Calculator/style.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/Calculators/Bill-Split-Calculator/style.css b/Calculators/Bill-Split-Calculator/style.css index ba99e29d2..f263be687 100644 --- a/Calculators/Bill-Split-Calculator/style.css +++ b/Calculators/Bill-Split-Calculator/style.css @@ -131,3 +131,17 @@ input:focus { height: 100%; background: #495057; } +@media (max-width: 600px) { + .calculator{ + padding: 10px; + max-width: 300px; + } + .input { + height: 40px; + font-size: 18px; + } + .buttons{ + height: 40px; + font-size: 15px; + } +} From 6690b8f931db78db913e745b70a6fb14d706c627 Mon Sep 17 00:00:00 2001 From: Rakesh Roshan Date: Mon, 3 Jun 2024 19:04:15 +0530 Subject: [PATCH 08/11] Update index.html --- Calculators/2D-Distance-Calculator/index.html | 1 - 1 file changed, 1 deletion(-) diff --git a/Calculators/2D-Distance-Calculator/index.html b/Calculators/2D-Distance-Calculator/index.html index 149c412d3..2b5940d9e 100644 --- a/Calculators/2D-Distance-Calculator/index.html +++ b/Calculators/2D-Distance-Calculator/index.html @@ -22,7 +22,6 @@

2D Distance Calculator

- From f4a95a15a5e17a41db4d24573b5a72a7528604f1 Mon Sep 17 00:00:00 2001 From: Rakesh Roshan Date: Mon, 3 Jun 2024 19:04:44 +0530 Subject: [PATCH 09/11] Update script.js --- Calculators/2D-Distance-Calculator/script.js | 8 -------- 1 file changed, 8 deletions(-) diff --git a/Calculators/2D-Distance-Calculator/script.js b/Calculators/2D-Distance-Calculator/script.js index f9ab46194..93b536004 100644 --- a/Calculators/2D-Distance-Calculator/script.js +++ b/Calculators/2D-Distance-Calculator/script.js @@ -17,12 +17,4 @@ function calculateDistance() { // Display the result document.getElementById('result').innerHTML = 'Distance: ' + distance.toFixed(2); - //To Reset - document.getElementById('resetButton').addEventListener('click', function (resetForm) { - document.getElementById('x1').value = ''; - document.getElementById('y1').value = ''; - document.getElementById('x2').value = ''; - document.getElementById('y2').value = ''; - document.getElementById('result').innerHTML = ''; - }) } From ca4939593052127492cb2cea43bd7a6c1fe3f60c Mon Sep 17 00:00:00 2001 From: Rakesh Roshan Date: Mon, 3 Jun 2024 19:05:01 +0530 Subject: [PATCH 10/11] Update script.js --- Calculators/2D-Distance-Calculator/script.js | 1 - 1 file changed, 1 deletion(-) diff --git a/Calculators/2D-Distance-Calculator/script.js b/Calculators/2D-Distance-Calculator/script.js index 93b536004..2db5a478d 100644 --- a/Calculators/2D-Distance-Calculator/script.js +++ b/Calculators/2D-Distance-Calculator/script.js @@ -16,5 +16,4 @@ function calculateDistance() { // Display the result document.getElementById('result').innerHTML = 'Distance: ' + distance.toFixed(2); - } From e9cd9f695314cf8e050082c3fbef2d2e014eb32e Mon Sep 17 00:00:00 2001 From: Rakesh Roshan Date: Mon, 3 Jun 2024 19:06:03 +0530 Subject: [PATCH 11/11] Update style.css --- Calculators/Bill-Split-Calculator/style.css | 7 +------ 1 file changed, 1 insertion(+), 6 deletions(-) diff --git a/Calculators/Bill-Split-Calculator/style.css b/Calculators/Bill-Split-Calculator/style.css index f263be687..4df587b98 100644 --- a/Calculators/Bill-Split-Calculator/style.css +++ b/Calculators/Bill-Split-Calculator/style.css @@ -5,10 +5,6 @@ body { font-family: "Open Sans", sans-serif; font-size: x-large; background-image: linear-gradient(to right, #9796f0, #fbc7d4); - display: flex; - justify-content: center; - align-items: center; - } .container { @@ -19,7 +15,7 @@ body { } .calculator { - width: 100%; + width: 25%; background-color: #413543; color: #F0EB8D; padding: 20px; @@ -27,7 +23,6 @@ body { text-align: center; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 1.2); - max-width: 400px; } label {