Hirdetés
- Samsung Galaxy Z Flip5 - ami kint, az van bent
- Apple iPhone 16 Pro - rutinvizsga
- iPhone topik
- Amazfit Helio Strap – képernyőmentesen
- Miért fárad gyorsabban az iPhone akku, mint az androidos?
- „Új mérce az Android világában” – Kezünkben a Vivo X300 és X300 Pro
- Milyen okostelefont vegyek?
- Kis méret, nagy változás a Motorolánál
- Samsung Galaxy Z Fold7 - ezt vártuk, de…
- Fotók, videók mobillal
-
Mobilarena
JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)
Új hozzászólás Aktív témák
-
válasz
Lokids
#10297
üzenetére
A
querySelectornem támogatja a ‘title’ attribútum alapján való közvetlen lekérdezést. Az ‘undefined’ érték oka az lehet, hogy a ‘title’ attribútumot nem megfelelően próbáltad lekérni. Viszont attribútumokat is lehet használni a ‘querySelector’-ban, csak a szintaxisra kell figyelni.const checkbox = document.querySelector('input[type="checkbox"][title="Módosítás alatt"]');console.log(checkbox.checked);Mivel a részleges ID alapján már sikerült lekérned az elemet, az is egy jó megoldás, de ha mindenképp a ‘title’ attribútum alapján szeretnéd megoldani, akkor a fenti kód megfelelően fog működni.
-
Lokids
addikt
-
-
disy68
aktív tag
válasz
Lokids
#10261
üzenetére
ha jól értem a results egy tömb és te annak az elemeit szeretnéd átalakítani, szóval végig kell rajta iterálnod előbb
pl.
[{FieldValuesAsText: {Title: 'title', Program: 'program', OtherField: 'not needed'}}]ha szeretnél maradni a jelenlegi formánál, akkor valami ilyesmi kéne legyen:
const res = results.map(x => Object.fromEntries(
Object.entries(x.FieldValuesAsText).filter(([key, value]) => key === "Title" || key === "Program"));vagy egyszerűbben:
const res = results.map(x => {title: x.FieldValuesAsText.Title, program: x.FieldValuesAsText.Program}) -
válasz
Lokids
#10122
üzenetére
Az egyik megoldás, hogy letöltöd az összes adatot egy
<datalist>elembe és ehhez társítasz egy<input list>-et. A tövábbiakban automatán, külső kódolás nélkül csinálja azt, amit szeretnél.A másik esetben nem töltöd le az adatokat előre, hanem a szervert hívogatod ész nélkül minden karakter leütést követően, pl Fetch API-val. Ekkor egy egyszerű eseményfigyelőt kell alkalmazni az
<input>mezőre JS-ben és elküldeni az értéket a szervernek. Ott feldolgozás után visszaadja a válaszokat, pl egy JSON-t, amit kliens oldalon dolgozol fel.Kb ennyi.
-
Bzozoo
tag
Értem. Azt hittem, hogy valamilyen éles project része.
A hiba megértéséhez mutatok még egy kódot. Itt láthatod, hogy a counter 10 marad, tehát a setInterval indításakor a counter érték "ég" bele a függvénybe, tehát a függvény nem a counter aktuális értékével fut, hanem a régivel
https://snack.expo.dev/@bzozoo/countdown-useeffect-problem
Itt egy lehetséges jobb megoldás useRef használatával. Itt a counting függvénybe már mindig az aktuális érték kerül:
https://snack.expo.dev/@bzozoo/countdown -
Bzozoo
tag
Nézd meg console.log-gal, hogy mi történik az első esetben és a második esetben
https://snack.expo.dev/@bzozoo/second
https://snack.expo.dev/@bzozoo/start-and-secondAmúgy nem tudom, hogy mire kéne ez neked, de biztos, hogy másként is meg lehetne oldani.
-
disy68
aktív tag
ha már téma volt nemrég a reduce függvény, itt egy példa azzal is
const perChunk = 2 // items per chunk
const inputArray = ['a','b','c','d','e']
const result = inputArray.reduce((resultArray, item, index) => {
const chunkIndex = Math.floor(index/perChunk)
if(!resultArray[chunkIndex]) {
resultArray[chunkIndex] = [] // start a new chunk
}
resultArray[chunkIndex].push(item)
return resultArray
}, []) -
Lokids
addikt
Oké, megvan. Azért, mert az isNaN nem azt mondja meg, hogy szám-e vagy nem.
Bár így eléggé zavaró az elnevezése.Viszont akkor újabb problémám van:
if (arguments.length === 1){return function(b){console.log(typeof b)if(typeof a === "number" && typeof b === "number"){return a+b}return undefined}}Ha egyáltalán nincs 2. argumentum, akkor a typeof b-re azt kapom vissza, hogy [function].
Ennek ellenére nem undefined lesz a visszatérő érték, hanem [function].
Miért? -
disy68
aktív tag
A reduce eredménye egy darab érték, itt egy object.
const usersObj = users.reduce((obj, user) => {obj[user.name] = user.age;return obj;}, {}); <- ez a kiindulási értéke: {} // üres object
A reduce végigiterál a users tömbön. Minden iteráció megkapja az előző által módosított értéket (obj) és az adott elemet a listában (user).obj[user.name] = user.age;
a fenti módosítja az eredmény objectet, ad neki egy property-t, aminek a neve a user.name lesz és az értéke a user.age
0: {}
1: {"John": 34}
2: {"John": 34, "Amy": 20}
etc..
Érdemes lehet még elolvasni a dokumentációt hozzá. -
Bzozoo
tag
Nem értem pontosan hová szeretnéd eltárolni, de itt egy példa reverse metódust használva a várt eredményt kiíratva:
const date = new Date("2022-06-15");const myArray = [{ Szöveg: "Valami1", nap: 0 },{ Szöveg: "Valami2", nap: 2 },{ Szöveg: "Valami3", nap: 4 },{ Szöveg: "Valami4", nap: 6 }];const string = myArray.map((item, index) => {date.setDate(date.getDate() + item.nap);return (item.Szöveg +": " +date.toISOString().replace(/T.*/, "").split("-").join("-"));}).reverse().join("<br />");result.innerHTML = string; -
nevemfel
senior tag
Ilyesmire gondoltál?
<script>var startDate = "2022-06-01", myArray = [1, 2, 3], newArray;function addDays(element) {var result = new Date(startDate);result.setDate(result.getDate() + element);return result.toLocaleString("hu");}newArray = myArray.map(addDays);console.log(newArray);</script> -
martonx
veterán
Hol írtad, hog mi a célod?
Én a helyedben megnézném a dokumentációját ennek a js chartnak.
Documentation 21.1: DevExtreme - JavaScript Chart Configuration (devexpress.com)
Hoppá, de hisz itt vannak jsfiddle példák is. Ez esetben sok sikert! -
disy68
aktív tag
milyen grafikon ez? mutass valami példát, hogyan szeretnéd használni
ha egy object-et átadsz valaminek, ami pl. string-et vár és aszerint akarja kiírni, akkor az object.toString() lesz meghívva, ami az '[object Object]' stringet adja alapértelmezetten
-
martonx
veterán
A helyedben itt néznék szét: Documentation 21.1: DevExtreme - JavaScript Data Grid (devexpress.com)
Már ha jól tévedek, ezt a grid-et használták (no persze, hogy miért használna valaki fizetős grid komponenst az számomra rejtély). -
Új hozzászólás Aktív témák
- 170 - Lenovo Legion Pro 7 (16IRX9H) - Intel Core i9-14900HX, RTX 4090
- magyar billentyűzet - 165 - Lenovo Legion Pro 7 (16IRX9H) - Intel Core i9-14900HX, RTX 4080
- 164 - Lenovo Legion Pro 7 (16IRX9H) - Intel Core i9-14900HX, RTX 4090
- Microsoft Surface Hub 2s - Interaktiv 4K monitor/ All in one PC - I5 8. generációs - Piaci ár alatt
- Benq - LU951- 5000 Ansi Lézer projektor - Piaci ár alatt
- Apple iPhone 12 64GB, Kártyafüggetlen, 1 Év Garanciával
- LG NanoCell 43NANO763QA csere is érdekel (dobozával minden tarozéka meg van)
- Panasonic CF-20 ütésálló, ipari notebook & tablet számlával, garanciával
- LG 42LX330C 42" LED-backlit LCD TV - Full HD
- Telefon felvásárlás!! Samsung Galaxy A22/Samsung Galaxy A23/Samsung Galaxy A25/Samsung Galaxy A05s
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest
Cég: NetGo.hu Kft.
Város: Gödöllő