From d9fb68e435dea9b0ae61b3cacce01d23da0bc27b Mon Sep 17 00:00:00 2001 From: martinsalinas0 Date: Sun, 16 Feb 2025 17:25:26 -0600 Subject: [PATCH 1/7] inital commit --- index.html | 0 main.js | 0 style.css | 0 3 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 index.html create mode 100644 main.js create mode 100644 style.css diff --git a/index.html b/index.html new file mode 100644 index 00000000..e69de29b diff --git a/main.js b/main.js new file mode 100644 index 00000000..e69de29b diff --git a/style.css b/style.css new file mode 100644 index 00000000..e69de29b From fa944800eea73cb3f0853e42642e7d74d60f6eb0 Mon Sep 17 00:00:00 2001 From: martinsalinas0 Date: Sun, 16 Feb 2025 19:18:06 -0600 Subject: [PATCH 2/7] add html page --- index.html | 77 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 77 insertions(+) diff --git a/index.html b/index.html index e69de29b..f271a753 100644 --- a/index.html +++ b/index.html @@ -0,0 +1,77 @@ + + + + + + + + + Weather Project + + +
+
+
+

Weather Project

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

72

+
+
+
+
+
+
+
+
+
+
+
One of three columns
+
One of three columns
+
One of three columns
+
+
+ + + + + + + From f26854044b753f31666b1f43278b167aa31a0b6d Mon Sep 17 00:00:00 2001 From: martinsalinas0 Date: Sun, 16 Feb 2025 19:47:52 -0600 Subject: [PATCH 3/7] fix html semantics --- index.html | 17 ++++++++++------- 1 file changed, 10 insertions(+), 7 deletions(-) diff --git a/index.html b/index.html index f271a753..4165ecf9 100644 --- a/index.html +++ b/index.html @@ -27,6 +27,7 @@

Weather Project

+
@@ -41,19 +42,21 @@

Weather Project

+
+
-
-

72

+
+

66

+

Austin

+

Clouds

+

☁️

+
-
- -
-
-
+
One of three columns
One of three columns
From 8f7a6f3521075120916c2b5ad77f9be8bfd6297d Mon Sep 17 00:00:00 2001 From: martinsalinas0 Date: Mon, 17 Feb 2025 18:42:00 -0600 Subject: [PATCH 4/7] add no border in style.css --- style.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/style.css b/style.css index e69de29b..66550dac 100644 --- a/style.css +++ b/style.css @@ -0,0 +1,3 @@ +.current-weather { + border: none; +} From 25e2cd0fbad852c30b7cf726c1bcda41e5a3246b Mon Sep 17 00:00:00 2001 From: martinsalinas0 Date: Wed, 19 Feb 2025 13:07:31 -0600 Subject: [PATCH 5/7] add html and event listner --- index.html | 123 ++++++++++++++++++++++++++++++++++++----------------- main.js | 78 +++++++++++++++++++++++++++++++++ 2 files changed, 161 insertions(+), 40 deletions(-) diff --git a/index.html b/index.html index 4165ecf9..272355bb 100644 --- a/index.html +++ b/index.html @@ -2,79 +2,122 @@ - + + Weather Project -
-
-
+
+ +
+

Weather Project

-
- +
+
-
-
+
+ - +
-
- -
-
-

66

-

Austin

-

Clouds

-

☁️

-
-
-
+ +
-
- + +
+
-
One of three columns
-
One of three columns
-
One of three columns
+
+ +
+
Clouds
+

65°F

+

+ +

+ Friday +
+
+
+ +
+
Clouds
+

65°F

+

+ +

+ Friday +
+
+
+ +
+
Clouds
+

65°F

+

+ +

+ Friday +
+
+
+ +
+
Clouds
+

65°F

+

+ +

+ Friday +
+
+
+ +
+
Clouds
+

65°F

+

+ +

+ Friday +
+
- - diff --git a/main.js b/main.js index e69de29b..0231ebe8 100644 --- a/main.js +++ b/main.js @@ -0,0 +1,78 @@ +// const searchBtn = document.querySelector("#search-btn"); +// let searchInput = document.querySelector("#search-input").value; +// const url = `https://api.openweathermap.org/data/2.5/weather?q=${searchInput}&APPID=a4396d434551ba845da6a657caa7cd7c`; +// const apiKey = "a4396d434551ba845da6a657caa7cd7c"; + +// api.openweathermap.org/data/2.5/forecast/daily?q=Austin&cnt=usa&appid=a4396d434551ba845da6a657caa7cd7c + +document.querySelector("#search-btn").addEventListener('click', function(){ + const searchInput = document.querySelector('.search-input').value; + + + fetchData(searchInput) + + document.querySelector('.search-input').value = '' + +}) + +//fetchData(); + +async function fetchData(searchInput) { + const url = `https://api.openweathermap.org/data/2.5/weather?q=${searchInput}&APPID=a4396d434551ba845da6a657caa7cd7c&units=imperial`; + + try { + const response = await fetch(url); + if (!response.ok) { + throw new Error(`Response status: ${response.status}`); + } + const data = await response.json(); + console.log(data); + const city = data.name; + const temperature = data.main.temp; + const description = data.weather[0].description; + const imageIconNumber = data.weather[0].icon; + const imageURL = `https://openweathermap.org/img/wn/${imageIconNumber}@2x.png` + console.log(city) + console.log(temperature) + console.log(description) + console.log(imageURL) + console.log(imageIconNumber) + updateWeather(city, temperature, description, imageURL); + } catch (error) { + console.log("Error", error); + } +} +//updates the weather +const updateWeather = (city, temperature, description, imageUrl) => { + + const tempInfo = document.querySelector(".temp-info"); + const tempRounded = Math.round(temperature); + //console.log(tempRounded) + + tempInfo.innerHTML = ""; + + const template = ` +
+
+
+
+
+

${tempRounded}°F

+

${city}

+

${visibility}

+
+
+
+
+ weather icon +
+
+
+
+
`; + + tempInfo.insertAdjacentHTML("beforeend", template); +}; + + +//fetchData() From b3129840a0dbd1ff26c975abc67d49eb5a50e33a Mon Sep 17 00:00:00 2001 From: martinsalinas0 Date: Wed, 19 Feb 2025 13:14:08 -0600 Subject: [PATCH 6/7] no key --- main.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/main.js b/main.js index 0231ebe8..146edb25 100644 --- a/main.js +++ b/main.js @@ -1,9 +1,9 @@ // const searchBtn = document.querySelector("#search-btn"); // let searchInput = document.querySelector("#search-input").value; -// const url = `https://api.openweathermap.org/data/2.5/weather?q=${searchInput}&APPID=a4396d434551ba845da6a657caa7cd7c`; -// const apiKey = "a4396d434551ba845da6a657caa7cd7c"; +// const url = `https://api.openweathermap.org/data/2.5/weather?q=${searchInput}&APPID= -// api.openweathermap.org/data/2.5/forecast/daily?q=Austin&cnt=usa&appid=a4396d434551ba845da6a657caa7cd7c + +// api.openweathermap.org/data/2.5/forecast/daily?q=Austin&cnt=usa&appid= document.querySelector("#search-btn").addEventListener('click', function(){ const searchInput = document.querySelector('.search-input').value; @@ -18,7 +18,7 @@ document.querySelector("#search-btn").addEventListener('click', function(){ //fetchData(); async function fetchData(searchInput) { - const url = `https://api.openweathermap.org/data/2.5/weather?q=${searchInput}&APPID=a4396d434551ba845da6a657caa7cd7c&units=imperial`; + const url = `https://api.openweathermap.org/data/2.5/weather?q=${searchInput}&APPID=units=imperial`; try { const response = await fetch(url); From 453d7ec45b3ad6e4efef968da087d3dbc679da5b Mon Sep 17 00:00:00 2001 From: martinsalinas0 Date: Thu, 20 Feb 2025 20:35:50 -0600 Subject: [PATCH 7/7] add complete --- index.html | 66 +------------ main.js | 266 ++++++++++++++++++++++++++++++++++++++++++++++------- 2 files changed, 233 insertions(+), 99 deletions(-) diff --git a/index.html b/index.html index 272355bb..1fe1727b 100644 --- a/index.html +++ b/index.html @@ -16,7 +16,6 @@
-

Weather Project

@@ -26,7 +25,6 @@

Weather Project

-
@@ -34,10 +32,9 @@

Weather Project

type="text" class="form-control flex-grow-1 me-2 search-input" placeholder="Search City" - id="search-input" />
-
-
-
-
-
- -
-
Clouds
-

65°F

-

- -

- Friday -
-
-
- -
-
Clouds
-

65°F

-

- -

- Friday -
-
-
- -
-
Clouds
-

65°F

-

- -

- Friday -
-
-
- -
-
Clouds
-

65°F

-

- -

- Friday -
-
-
- -
-
Clouds
-

65°F

-

- -

- Friday -
-
-
-