From 9830b18345e3abb8074725f2d28a354470ff4310 Mon Sep 17 00:00:00 2001 From: divyansh2901 Date: Sat, 13 Sep 2025 06:27:58 +0530 Subject: [PATCH 1/2] Solved Week 2 findLargestNumber.js --- week-2/week-2-js/easy/findLargestElement.js | 16 +++++++++++----- 1 file changed, 11 insertions(+), 5 deletions(-) diff --git a/week-2/week-2-js/easy/findLargestElement.js b/week-2/week-2-js/easy/findLargestElement.js index 33278de43..27a0ba14b 100644 --- a/week-2/week-2-js/easy/findLargestElement.js +++ b/week-2/week-2-js/easy/findLargestElement.js @@ -1,12 +1,18 @@ /* -  Write a function `findLargestElement` that takes an array of numbers and returns the largest element. -  Example: -  - Input: [3, 7, 2, 9, 1] -  - Output: 9 + Write a function `findLargestElement` that takes an array of numbers and returns the largest element. + Example: + - Input: [3, 7, 2, 9, 1] + - Output: 9 */ function findLargestElement(numbers) { - + let max = numbers[0]; + + for (let i = 1; i < numbers.length; i++) { + if (numbers[i] > max) + max = numbers[i]; + } + return max; } module.exports = findLargestElement; \ No newline at end of file From 051fccb41b09a2b014cd6e219a7dd3cb237ea385 Mon Sep 17 00:00:00 2001 From: divyansh2901 Date: Sun, 21 Sep 2025 07:44:31 +0530 Subject: [PATCH 2/2] Updated petAdoption components and added styles --- week-9/petAdoption/package-lock.json | 4 +-- week-9/petAdoption/src/components/Header.jsx | 6 ++-- .../src/components/PetAdoptionForm.jsx | 26 +++++++++++++-- week-9/petAdoption/src/components/header.css | 12 +++++++ .../src/components/petAdoptionForm.css | 33 +++++++++++++++++++ 5 files changed, 74 insertions(+), 7 deletions(-) create mode 100644 week-9/petAdoption/src/components/header.css create mode 100644 week-9/petAdoption/src/components/petAdoptionForm.css diff --git a/week-9/petAdoption/package-lock.json b/week-9/petAdoption/package-lock.json index 4fcf73b04..674beeced 100644 --- a/week-9/petAdoption/package-lock.json +++ b/week-9/petAdoption/package-lock.json @@ -1,11 +1,11 @@ { - "name": "petadotion", + "name": "petadoption", "version": "0.0.0", "lockfileVersion": 3, "requires": true, "packages": { "": { - "name": "petadotion", + "name": "petadoption", "version": "0.0.0", "dependencies": { "react": "^18.3.1", diff --git a/week-9/petAdoption/src/components/Header.jsx b/week-9/petAdoption/src/components/Header.jsx index 041aba3e4..3bea9cf93 100644 --- a/week-9/petAdoption/src/components/Header.jsx +++ b/week-9/petAdoption/src/components/Header.jsx @@ -1,8 +1,8 @@ import React from 'react' - -const Header = () => { +import "./Header.css"; +const Header = ({ message }) => { return ( -
Header
+
{message}
) } diff --git a/week-9/petAdoption/src/components/PetAdoptionForm.jsx b/week-9/petAdoption/src/components/PetAdoptionForm.jsx index 105375b43..ab2d9452f 100644 --- a/week-9/petAdoption/src/components/PetAdoptionForm.jsx +++ b/week-9/petAdoption/src/components/PetAdoptionForm.jsx @@ -1,8 +1,30 @@ import React from 'react' - +import "./petAdoptionForm.css" const PetAdoptionForm = () => { + function submit() { + + } return ( -
PetAdoptionForm
+
+
+
+ Pet Name
+ + Pet Type
+ + Breed
+ + Your Name
+ + Email
+ + Phone
+ + +
+
+
+ ) } diff --git a/week-9/petAdoption/src/components/header.css b/week-9/petAdoption/src/components/header.css new file mode 100644 index 000000000..088a6d6ff --- /dev/null +++ b/week-9/petAdoption/src/components/header.css @@ -0,0 +1,12 @@ +.header { + background-color: rgba(255, 165, 0, 0.4); + color: #1a3d1a; + font-weight: bold; + text-align: center; + padding: 8px; + font-size: 18px; + + backdrop-filter: blur(1px); + width: 100%; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); +} \ No newline at end of file diff --git a/week-9/petAdoption/src/components/petAdoptionForm.css b/week-9/petAdoption/src/components/petAdoptionForm.css new file mode 100644 index 000000000..2108bee2f --- /dev/null +++ b/week-9/petAdoption/src/components/petAdoptionForm.css @@ -0,0 +1,33 @@ +.box { + background-color: rgba(255, 165, 0, 0.4); + color: #1a3d1a; + font-weight: bold; + backdrop-filter: blur(1px); + width: 50vw; +} + +.container { + display: flex; + justify-content: center; +} + +input { + height: 2px; + margin-top: 1px; + margin-bottom: 2px; +} + +.forms { + padding-left: 15px; + padding-right: 15px; + + color: #1a3d1a; + font-weight: bold; + font-size: 10px; +} + +button { + background-color: rgb(3, 64, 3); + color: aliceblue; + height: 3px; +} \ No newline at end of file