- Sony MILC fényképezőgépcsalád
- SSD kibeszélő
- HiFi műszaki szemmel - sztereó hangrendszerek
- Milyen billentyűzetet vegyek?
- Nem elégszik meg egy panellel a Philips világelső monitora
- Milyen ÚJ notebookot vegyek?
- AMD Navi Radeon™ RX 9xxx sorozat
- Mini-ITX
- Milyen videókártyát?
- NVIDIA GeForce RTX 5070 / 5070 Ti (GB205 / 203)
-
PROHARDVER!
PROHARDVER!
Új hozzászólás Aktív témák
-
Sk8erPeter
nagyúr
Sziasztok!
Megtudjátok mondani mi a hiba?<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Időkép demo</title>
<style type="text/css">
.element {
float: left;
}
.element div {
text-align: center;
}
</style>
</head>
<body>
<div id="container"></div><div>
<script>
var i;
var napok = ["H", "K", "Sz", "Cs, P"];
var fokok = [2 3, 8, 5, -6];for(i = 0; i < napok.length; i++) {
document.write("<div>" + napok + "</div>");
document.write("<div>" + fokok(i) + "</div>");
if(fokok(i) < 5) {
document.write(<img src='https://cdn0.iconfinder.com/data/icons/good-weather-1/96/weather_icons-68-128.png'>);
} else {
document.write(<img src='https://cdn0.iconfinder.com/data/icons/good-weather-1/96/weather_icons-68-128.png'>);
}
}
</script>
</div></body>
</html>Több hiba is van benne. Egyrészt az a nagy hiba, hogy nem raktad fel nekünk jsFiddle-re, hogy egyből tesztelni tudjuk, másrészt nem használtad a kód kijelölése után itt a fórumon a Programkód gombot, hogy normálisan nézzen ki.
Aztán:
1.
var napok = ["H", "K", "Sz", "Cs, P"];
ez ez akart lenni:
var napok = ["H", "K", "Sz", "Cs", "P"];
(külön a "Cs", "P" stringek)2.
document.write("<div>" + napok + "</div>");
Ennek semmi értelme, mert a napok egy tömb, míg te a tömb cikluson belüli aktuális elemére vagy kíváncsi, ami a napok[i], vagyis az előzőnek a ciklusváltozóval indexelt formája.
Ezenkívül document.write()-ot nem használunk a gyakorlatban. SOHA. Még ha a tanár azt is mondja, akkor sem.![;]](//cdn.rios.hu/dl/s/v1.gif)
Ha a tanár azt mondja, akkor le van maradva. Bár már akkor sem volt értelme, amikor divatos volt használni.3.
fokok(i)
itt már láthatóan indexelni akartál, csak nem jött össze. Indexelésre a szögletes zárójelet használjuk, tehát így: fokok[i].4.
document.write(<img src='https://cdn0.iconfinder.com/data/icons/good-weather-1/96/weather_icons-68-128.png'>);
Itt az <img ...> részt úgy kezded el, hogy elfelejtetted stringként átadni. Tehát ez így nem lesz jó.
Így jó lenne:
document.write("<img src='https://cdn0.iconfinder.com/data/icons/good-weather-1/96/weather_icons-68-128.png'>");
A feltétel másik részénél ugyanez.Itt láthatsz egy működő változatot:
http://jsfiddle.net/5hvwzquf/=====================================
(#5776) Agostino:
Akkor jó.
-
Ha ezzel hosszabb távon tervezel foglalkozni, szerintem hamarabb megtanulsz angolul, minthogy találj egy "teljes JS-t" átfogó tutorialt magyarul.
A professzionális : MDN
A barátságos : [W3S] (minnyán jön Brian és kioszt egy fülest
)De ha lenyitottad volna a topik összefoglalót, az MDN-t már ismernéd, illetve egy halom másik ajánlott olvasmány is szerepel benne. Persze angolul.
Szerk:
(#5735) Zedz
Ettől sokkal jobb: [link] -
Ezer hála!
Megpróbálok több időt fektetni a JS-be, a html és css megy. Sajnos nagyon szegényesen tanították anno nekem a JS-t. Már magát a javát is.
"Sajnos nagyon szegényesen tanították anno nekem a JS-t. Már magát a javát is."
Csak hogy tisztázzuk: a Javascriptnek az ég világon semmi köze a javához. Akartam írni, hogy bele is kéne írni ezt az összefoglalóba is, aztán most nézem ott virít a topic tetején -
Sk8erPeter
nagyúr
Én ide írtam
for (var i = 0; i < napokHomerseklete.length; i++)
{
document.write(napokHomerseklete+" "); <==========
}
{
if (napokHomerseklete <= 5) {
idojarasClass = 'hideg';
} else {
idojarasClass = 'meleg';
}
currentElement = document.getElementsByTagName("td")(i);
currentElement.classList.add(idojarasClass);
}}
document.write()-ot értelmes ember nem használ.
(#5714) Speeedfire:
Ilyenekre amúgy ott lenne a jsbin.com, ahova teljes kód felpakolható, ahonnan aztán lehet kopipasztázni, de most épp fogalmam sincs, miért nem üzemel egyáltalán. -
Speeedfire
félisten
-
Speeedfire
félisten
-
fordfairlane
veterán
-
fordfairlane
veterán
-
fordfairlane
veterán
-
fordfairlane
veterán
Én ide írtam
for (var i = 0; i < napokHomerseklete.length; i++)
{
document.write(napokHomerseklete+" "); <==========
}
{
if (napokHomerseklete <= 5) {
idojarasClass = 'hideg';
} else {
idojarasClass = 'meleg';
}
currentElement = document.getElementsByTagName("td")(i);
currentElement.classList.add(idojarasClass);
}}
-
trisztan94
őstag
Én ide írtam
for (var i = 0; i < napokHomerseklete.length; i++)
{
document.write(napokHomerseklete+" "); <==========
}
{
if (napokHomerseklete <= 5) {
idojarasClass = 'hideg';
} else {
idojarasClass = 'meleg';
}
currentElement = document.getElementsByTagName("td")(i);
currentElement.classList.add(idojarasClass);
}}
-
trisztan94
őstag
Ezer hála!
Megpróbálok több időt fektetni a JS-be, a html és css megy. Sajnos nagyon szegényesen tanították anno nekem a JS-t. Már magát a javát is.
"...a html és css megy"
Azt nehezem tudom elképzelni annak tükrében, hogy nem tudtad hova rakd a stílusokat és a scripteket.
"Hogyan tudom kiiratni a fokokat a képek alá?"
Tétrehozol egy új sort és annak a megfelelő cellájába írod. Ha megy a HTML, mennie kell.
document.write(napokHomerseklete+" ");
A napokHomerseklete egy tömb. Ha simán kiírod így, az egész tömböt írja ki, nem az adott nap hőmérsékletét. Az i-edik (ciklus indexe, mely megfelel a tömb indexeinek) napnak akarod a hőmérsékletét.
Ezt a cikluson belülre kell, hogy a megfelelő naphoz rakja be. -
Speeedfire
félisten
-
trisztan94
őstag
index.html-be HTML kód megy, doctype deklarálással kezdve, <html>, <head> és <body> tag-ekkel.
Ide linkeled be a Javascript (.js) és CSS (.css) fájlokat is.Css fájlba értelem szerűen a CSS kód megy, míg a Javascript fájlba a JS.
(#5714) Speeedfire
You da real MVP
-
Speeedfire
félisten
-
trisztan94
őstag
-
Speeedfire
félisten
Ezt te csináltad? ☺
Ezt a sort nem igazan értem.
$("td:eq(" + i + ")").addClass(idojarasClass);
console.log(i);
console.log(idojarasClass);Igen.
//az adott i-edik td elemhez hozzá adok egy css osztályt hideg/meleg
$("td:eq(" + i + ")").addClass(idojarasClass);//ez a 2 sor csak logolás debug miatt
console.log(i);
console.log(idojarasClass); -
Speeedfire
félisten
-
trisztan94
őstag
-
Magyarba nincs?
Szerk: De egyébként ez a megoldás jó?
var napokHomerseklete = [
10, -20, 5, 8, 12
];for (var i = 0; i < napokHomerseklete.length; i++) {
if(napokHomerseklete <= 5) {
alert("hideg");
} else {
alert("meleg");
}
}A szakma nyelve az angol, ha ezzel szeretnél foglalkozni, akkor szerintem kezdj el angolozni.
A megoldásod pedig nem jó:
if (napokHomerseklete <= 5) { ... }Honnan fogja tudni, hogy éppen melyik nap hőmérsékletét vizsgálja meg? Valami lemaradt.
(#5697) libamajas: "alert helyére képet szeretnék tenni, ha hideg ,akkor ilyen kép ha meleg akkor olyan."
Szerintem Google barátunk egy ügyes kereséssel 5 perc alatt kidobja a neked megfelelő választ. Esetleg még ide is ellátogathatsz.
-
Speeedfire
félisten
Magyarba nincs?
Szerk: De egyébként ez a megoldás jó?
var napokHomerseklete = [
10, -20, 5, 8, 12
];for (var i = 0; i < napokHomerseklete.length; i++) {
if(napokHomerseklete <= 5) {
alert("hideg");
} else {
alert("meleg");
}
}Itt van egy kis js alapozó.
-
trisztan94
őstag
-
trisztan94
őstag
-
trisztan94
őstag
Sziasztok.
Programot kell írnom, ami Hétfőtől Péntekig kidobja a Celsius fokot és eldönteni hogy hideg van-e meleg van-e, mellé meg kitesz egy képet pl: ha hideg van akkor egy téli képet kitesz, ha mondjuk meleg van akkor értelem szerűen napos képet.
Hogy lássak hozzá?
Köszönöm előre is!
![;]](http://cdn.rios.hu/dl/s/v1.gif)
Ha a tanár azt mondja, akkor le van maradva. Bár már akkor sem volt értelme, amikor divatos volt használni.
)
Új hozzászólás Aktív témák
- Szeged és környéke adok-veszek-beszélgetek
- Forza sorozat (Horizon/Motorsport)
- Poco F8 Ultra – forrónaci
- A fociról könnyedén, egy baráti társaságban
- Kamionok, fuvarozás, logisztika topik
- Futás, futópályák
- SörcsaPH!
- Parfüm topik
- Vigneau interaktív lokálblogja
- Audi, Cupra, Seat, Skoda, Volkswagen topik
- További aktív témák...
- Apple Mac Mini M2 8/256GB eladó! Patika állapot, 12 hó garancia
- ASUS SimPro Dock 2 (90NX0460-P00030), bontatlanul, 1 év garival eladó!
- Apple iPhone 13 Pro Max 128GB eladó! 100% akku, megkímélt állapot, 12 hó garancia
- Apple iPhone 13 Pro Max 128GB eladó! 100% akku, megkímélt állapot, 12 hó gar
- Apple iPhone 13 Pro Max 128GB eladó! 100% akksi, szép állapot, 12 hó garancia
- GAMER PC! i5-14500T / RTX 4070 / 16GB DDR5 / 512GB NVMe / 650w Gold!
- Shining3D EinScan Pro 2X 3D szkenner
- 27% - ÚJ Dell Alienware AW2725DF QD-OLED Monitor! 2560x1440 / 360Hz / 0.03ms / Adaptive-Sync
- Bomba ár! Stonebook Pro P103B i i3-10GEN I 8GB I 256SSD I 15,6" FHD I Cam I HDMI I W11 I Garancia!
- iPhone 15 Pro 128GB 88% (1év Garancia) - Kijelzőn pici folt!
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest