<prompt> Tengeneza ukurasa wa wavuti unaojibu kwa kutumia HTML, CSS na JavaScript inayoonyesha maelezo ya hali ya hewa kwa jiji fulani. Ukurasa unapaswa kuleta data kutoka kwa API ya hali ya hewa ya umma na kuonyesha halijoto ya sasa, unyevunyevu na kasi ya upepo. Pia, tumia kipengele cha utafutaji ambacho kinaruhusu watumiaji kuingiza jina la jiji na kutazama maelezo yake ya hali ya hewa.  <response>: Ili kuunda ukurasa wa wavuti unaojibu ambao unaonyesha maelezo ya hali ya hewa kwa jiji fulani, unaweza kufuata hatua hizi:1. Sanidi muundo wa HTML2. Ongeza mitindo ya CSS ili kuifanya iitikie na kuvutia macho3. Andika msimbo wa JavaScript ili kuleta data kutoka kwa API ya hali ya hewa ya umma na kuionyesha kwenye ukurasa4. Tekeleza kipengele cha utafutaji kinachoruhusu watumiaji kuingiza jina la jiji na kutazama taarifa zake za hali ya hewaHapa kuna mfano wa jinsi unaweza kukamilisha hili:Hatua ya 1: Sanidi muundo wa HTMLUnda faili ya index.html yenye maudhui yafuatayo:html Programu ya Hali ya Hewa kichwa Maelezo ya Hali ya Hewa Tafuta Halijoto: Unyevunyevu: Kasi ya Upepo: div div mwili htmlHatua ya 2: Ongeza mitindo ya CSSUnda faili ya styles.css yenye maudhui yafuatayo:css ukubwa wa sanduku: sanduku la mpaka;mwili font-familia: Arial, sans-serif; rangi ya asili: f5f5f5; ukingo: 0; padding: 0;.chombo upana wa juu: 600px; ukingo: 50px otomatiki; rangi ya mandharinyuma: fff; padding: 20px; mpaka-radius: 4px; sanduku-kivuli: 0 2px 4px rgba0, 0, 0, 0.1;h1 panga maandishi: katikati; ukingo-chini: 30px;pembejeo,kitufe upana: 100; padding: 10px; saizi ya fonti: 16px; mpaka: 1px imara ccc; mpaka-radius: 4px; muhtasari: hakuna;ingizo ukingo-chini: 10px;kitufe mshale: pointer; rangi ya asili: 007bff; rangi: fff; mpaka-rangi: 007bff;kitufe: elea rangi ya asili: 0056b3; mpaka-rangi: 004999;Hatua ya 3: Andika msimbo wa JavaScriptUnda faili ya app.js yenye maudhui yafuatayo: javascriptconst API_KEY your_api_key; Badilisha hii kwa ufunguo wako wa API kutoka OpenWeatherMapdocument.getElementByIdsearch-btn.addEventListenerbonyeza, const cityInput document.getElementByIdcity-input; const cityName cityInput.value.trim; ikiwa Jina la jiji kuchota .kishajibu majibu.json .kishadata document.getElementByIdtemperature.textContent data.main.tempC; document.getElementByIdhumidity.textContent data.main.humidity; document.getElementByIdwind-speed.textContent data.wind.speed ms; .kamatakosa alertHitilafu katika kuleta data ya hali ya hewa. Tafadhali jaribu tena.; console.kosakosa; ; nyengine tahadhariTafadhali ingiza jina la jiji.; ;Hatua ya 4: Pata ufunguo wa APIJisajili ili upate akaunti isiyolipishwa kwenye OpenWeatherMap na upate ufunguo wako wa API kutoka kwenye dashibodi.Badilisha your_api_key katika faili ya app.js na uweke ufunguo wako halisi wa API.Sasa, unapaswa kuwa na ukurasa wa wavuti unaojibu unaoonyesha maelezo ya hali ya hewa kwa jiji fulani. Watumiaji wanaweza kuingiza jina la jiji na kuona maelezo yake ya hali ya hewa kwa kubofya kitufe cha Tafuta. 