zdravím, mám problém, musím udělat javascriptový teploměr pro jedno hovado do školy, a vůbec nevím jak, je tu nějaký expert přes teploměry?
Fórum › JavaScript, AJAX, jQuery
úkol od hovada
![](img/forum_vlakno_help_vyreseno.png)
#1 Michal Bártík
Budeš potřebovat nějaké API pro získání dat o počasí. https://openweathermap.org/api
Na stránce si vytvoříš <input> pro město, kde chceš zjistit počasí.
V javascriptu získáš pomocí data pomocí příkazu fatch() https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
Pak jen zobrazíš odpověď na stránce pomocí document.write a máš to.
Normalne nakreslis div. A divu menis width podle teploty.
Zvolis si max delku 100 px, ta ma odpovidat 100 stupnum. Teplotu podle toho prepocitas a zobrazis. Je treba nastavit background.
div = document.getElementById('mujdiv');
div.style.backgroundColor = '#f00';
div.style.width = 33+'px';
//Hotovo, vyreseno, jen to obalit do funkce a pridat moznost menit teplotu
Podstatne na tom zadani je to, ze ti ucitel nerekl, jakym zpusobem ma ten teplomer vypadat a cim to mas realizovat. Takhle bohuzel komunikuje zakaznik. Az pak ti zacne rikat, sis, ja jsem nechtel teplomer jako teplomer rtutovy, ale zobrazovat ciselny udaj, a pripadne obarvit zelenou, kdyz je to v rozmezi x-y teplot. Ted se tluces do hlavy, proc ti to nerekl uz na zacatku?!!!
![](img/forum_nove_psp_new.png)
Přidej příspěvek
Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku
×Vložení zdrojáku
×Vložení obrázku
×Vložení videa
![](/img/smile/1.gif)
![](/img/smile/2.gif)
![](/img/smile/3.gif)
![](/img/smile/4.gif)
![](/img/smile/5.gif)
![](/img/smile/6.gif)
![](/img/smile/7.gif)
![](/img/smile/8.gif)
![](/img/smile/9.gif)
![](/img/smile/10.gif)
![](/img/smile/11.gif)
![](/img/smile/12.gif)
![](/img/smile/13.gif)
![](/img/smile/14.gif)
![](/img/smile/15.gif)
![](/img/smile/16.gif)
![](/img/smile/17.gif)
![](/img/smile/18.gif)
![](/img/smile/19.gif)
![](/img/smile/20.gif)
![](/img/smile/21.gif)
![](/img/smile/22.gif)
![](/img/smile/23.gif)
![](/img/smile/24.gif)
![](/img/smile/25.gif)
![](/img/smile/26.gif)
![](/img/smile/27.gif)
![](/img/smile/28.gif)
![](/img/smile/29.gif)
![](/img/smile/30.gif)
![](/img/smile/31.gif)
![](/img/smile/32.gif)
Uživatelé prohlížející si toto vlákno
Podobná vlákna
Moderátoři diskuze