add functionalities

Author: tajulafreen

Source-Code/WeatherApp/script.js

@@ -0,0 +1,42 @@
+const input = document.getElementById("input");
+const btn = document.getElementById("btn");
+const apiKey = "e3a46268fdc2475cb63214712240202";
+const cityName = document.getElementById("city-name");
+const dateTime = document.getElementById("date-time");
+// const icon = document.getElementById('icon');
+const temp = document.getElementById("temp");
+const country = document.getElementById("country");
+const locat = document.getElementById("getlocation");
+
+const fetchData = async (url) => {
+  try {
+    const data = await fetch(url);
+    if (!data.ok) {
+      throw new Error(data.statusText);
+    }
+    return data.json();
+  } catch (error) {
+    console.log(error);
+    throw error;
+  }
+};
+const updateWeatherInfo = (result) => {
+  cityName.innerText = `${result.location.name}`;
+  country.innerText = `${result.location.country}`;
+  dateTime.innerText = `${result.location.localtime}`;
+  temp.innerText = `${result.current.temp_c} °C`;
+};
+const getData = async (cityName) =>
+  fetchData(
+    `http://api.weatherapi.com/v1/current.json?key=${apiKey}&q=${cityName}&aqi=no`
+  );
+
+btn.addEventListener("click", async () => {
+  try {
+    const { value } = input;
+    const result = await getData(value);
+    updateWeatherInfo(result);
+  } catch (error) {
+    cityName.innerText = "Error to fetch weather";
+  }
+});