„JavaScript“ interviu klausimai ir atsakymai
„JavaScript“ (JS) yra populiariausia lengva scenarijų ir kompiliuota programavimo kalba. Jį sukūrė Brendanas Eichas 1995 m . Tai gerai žinoma kaip tinklalapių, mobiliųjų programų, žiniatinklio serverių ir daugelio kitų skriptų kalba. Tai svarbi kalba trokštantiems priekinės ir galinės dalies kūrėjams. kai kurie darbo vaidmenys reikalauja, kad asmenys laisvai mokėtų JavaScript. Jį naudoja aukščiausios IT įmonės, tokios kaip Evernote, LinkedIn, Microsoft, Opera, NASA , ir Meta dėl DOM manipuliavimo, asinchroninio „JavaScript“, klaidų apdorojimo ir „JavaScript“ sistemų, kuriose jis gali būti naudojamas. Taigi, norėdami patekti į šias įmones, turite juos užpildyti Populiariausi „JavaScript“ interviu klausimai dėl kurių prieš įdarbintojus galite atrodyti kaip ekspertas.
Šiame straipsnyje mes pateiksime Į viršų „JavaScript“ interviu klausimai ir atsakymai pritaikyta abiem gaiviai ir Patyręs profesionalai su 3, 5 ir 8 metų patirtimi. Čia mes apimame viską, įskaitant Pagrindinės „JavaScript“ sąvokos , ES6+ funkcijos, DOM manipuliavimas, asinchroninis „JavaScript“, klaidų tvarkymas, „JavaScript“ sistemos ir bibliotekos ir dar daugiau – tai tikrai padės jums įveikti kitą „JavaScript“ pokalbį.
„JavaScript“ interviu klausimai ir atsakymai (2024 m.)
Kad pasiruoštumėte interviu, atnešėme 50 populiariausių „JavaScript“ interviu klausimų pradedantysis, vidutinis ir patyręs kuriuos būtinai turite atlikti, kad patektumėte į aukščiausias tarptautines korporacijas.
Prieš pradėdami mokytis „JavaScript“ interviu klausimai ir atsakymai , pirmiausia išmokstame visą JavaScript pamoka .
Turinys
- „JavaScript“ interviu klausimai pirmakursiams
- „JavaScript“ tarpinio interviu klausimai
- „JavaScript“ interviu klausimai patyrusiems
„JavaScript“ interviu klausimai pirmakursiams
Aptarkime keletą dažniausiai užduodamų klausimų, kuriuos turėtumėte pasiruošti pokalbiui. Šie klausimai bus naudingi išvalant interviu specialiai priekinės sistemos kūrimo vaidmeniui.
1. Kuo skiriasi „Java“ ir „JavaScript“?
„JavaScript“ yra kliento scenarijų kalba, o „Java“ yra į objektą orientuota programavimo kalba. Abu jie visiškai skiriasi vienas nuo kito.
- JavaScript : Tai lengva programavimo kalba (skriptų kalba), skirta interaktyviems tinklalapiams kurti. Jis gali įterpti dinaminį tekstą į HTML elementus. JavaScript taip pat žinomas kaip naršyklės kalba.
- Java : Java yra viena iš populiariausių programavimo kalbų. Tai į objektą orientuota programavimo kalba ir turi virtualios mašinos platformą, leidžiančią kurti sukompiliuotas programas, kurios veikia beveik visose platformose. „Java“ pažadėjo, rašyti vieną kartą, paleisti bet kur.
2. Kas yra „JavaScript“ duomenų tipai?
„JavaScript“ yra trys pagrindiniai duomenų tipai.
- Primityvus
- Skaičiai
- Stygos
- Būlio
- Simbolis
- Trivialus
- Neapibrėžtas
- Null
- Sudėtinis
- Objektai
- Funkcijos
- Masyvai
3. Kuris simbolis naudojamas „JavaScript“ komentarams?
Komentarai neleidžia vykdyti pareiškimų. Kol kompiliatorius vykdo kodą, komentarai nepaisomi. Yra dviejų tipų simboliai, žymintys „JavaScript“ komentarus:
- Dvigubas pasvirasis brūkšnys: Jis žinomas kaip vienos eilutės komentaras.
// Single line comment
- Pasvirasis brūkšnys su žvaigždute: Jis žinomas kaip kelių eilučių komentaras.
/* Multi-line comments ... */
4. Koks būtų rezultatas 3+2+7″?
Čia 3 ir 2 elgiasi kaip sveikasis skaičius, o 7 – kaip eilutė. Taigi 3 plius 2 bus 5. Tada išvestis bus 5+7″ = 57.
5. Kuo naudinga isNaN funkcija?
Funkcija number isNan nustato, ar perduota reikšmė yra NaN (ne skaičius) ir ar ji yra skaičiaus tipo. „JavaScript“ reikšmė NaN laikoma skaičiaus tipu. Jis grąžina teisingą, jei argumentas nėra skaičius, kitu atveju jis grąžina false.
6. Kuris yra greitesnis JavaScript ir ASP scenarijuose?
„JavaScript“ yra greitesnis, palyginti su ASP scenarijumi. JavaScript yra kliento pusės scenarijų kalba ir nepriklauso nuo serverio, kurį reikia vykdyti. ASP scenarijus yra serverio pusės scenarijų kalba, kuri visada yra patikima serveriui.
7. Kas yra neigiama begalybė?
Neigiama begalybė yra pastovi vertė, kuri reiškia mažiausią turimą vertę. Tai reiškia, kad joks kitas skaičius nėra mažesnis už šią reikšmę. Jis gali būti generuojamas naudojant savarankiškai sukurtą funkciją arba atliekant aritmetinę operaciją. JavaScript rodo NEGATIVE_INFINITY reikšmę kaip -Infinity.
8. Ar galima suskaidyti JavaScript kodą į kelias eilutes?
Taip, eilutės teiginyje JavaScript kodą galima suskaidyti į kelias eilutes. Jį galima sulaužyti naudojant pasvirasis brūkšnys '' .
Pavyzdžiui:
document.write('A Online Computer Science Portal for Geeks') Kodą laužančios eilutės išvengiama naudojant „JavaScript“, o tai nėra pageidautina.
let gfg= 10, GFG = 5, Geeks = gfg + GFG;
9. Kuri įmonė sukūrė „JavaScript“?
„Netscape“ sukūrė „JavaScript“ ir jį sukūrė Brendenas Eichas 1995 m.
10. Kas yra nedeklaruoti ir neapibrėžti kintamieji?
- Neapibrėžtas : Tai atsitinka, kai kintamasis deklaruojamas nepriskiriant jokios reikšmės. Neapibrėžta nėra raktinis žodis.
- Nedeklaruota : Tai atsitinka, kai bandome pasiekti bet kurį kintamąjį, kuris nėra inicijuotas arba anksčiau nebuvo paskelbtas naudojant raktinį žodį var arba const. Jei naudosime operatorius „typeof“. norėdami gauti nedeklaruojamo kintamojo reikšmę, susidursime su vykdymo klaida, kai grąžinama vertė yra neapibrėžta. Nedeklaruojamų kintamųjų apimtis visada yra pasaulinė.
vienuolika. Parašykite „JavaScript“ kodą, kad galėtumėte dinamiškai pridėti naujų elementų.
html Dokumento pavadinimas> galva> <body> <button onclick='create()'>Paspauskite čia! mygtukas> <script>function sukurti() { tegul geeks = document.createElement('geeks'); geeks.textContent = 'Geeksforgeeks'; geeks.setAttribute('klasė', 'pastaba'); document.body.appendChild(geeks); } scenarijus> body> html>>> </tag> <h3> <span>12. </span> <b> <strong>Kas yra pasauliniai kintamieji? Kaip deklaruojami šie kintamieji ir kokios su jais susijusios problemos? </strong> </b> </h3> <p dir='ltr'> <span>Priešingai, pasauliniai kintamieji yra kintamieji, kurie apibrėžiami už funkcijų ribų. Šie kintamieji turi visuotinę taikymo sritį, todėl juos gali naudoti bet kuri funkcija, neperduodant jų funkcijai kaip parametrų. </span> </p> <p dir='ltr'> <b> <strong>Pavyzdys: </strong> </b> <span> </span> </p>javascript <tag data-text-1='let petName = 'Rocky'; //Global Variable myFunction(); function myFunction() { document.getElementById('geeks').innerHTML = typeof petName + '- ' + 'My pet name is ' + petName; } document.getElementById('Geeks') .innerHTML = typeof petName + '- ' + 'My pet name is ' + petName; </pre> </code> <p dir='ltr'> <span>Sunku derinti ir išbandyti kodą, kuris remiasi visuotiniais kintamaisiais. </span> </p> <h3> <span>13. </span> <b> <strong>Ką reiškia NULL „JavaScript“? </strong> </b> </h3> <p dir='ltr'> <span>NULL reikšmė reiškia, kad nėra reikšmės arba nėra objekto. Jis žinomas kaip tuščia vertė / objektas. </span> </p> <h3> <span>14. </span> <b> <strong>Kaip ištrinti nuosavybės vertes? </strong> </b> </h3> <p dir='ltr'> <span> </span> <span>The </span> <b> <strong>ištrinti raktinį žodį </strong> </b> <span>ištrina visą nuosavybę ir visas vertes iš karto kaip </span> </p> <pre>let gfg={Course: 'DSA', Duration:30}; delete gfg.Course; </pre> <h3> <span>penkiolika. </span> <b> <strong>Kas yra raginimo dėžutė? </strong> </b> </h3> <p dir='ltr'> <span>Raginimo langas yra dialogo langas su pasirenkamu pranešimu, raginančiu vartotoją įvesti tekstą. Jis dažnai naudojamas, jei vartotojas nori įvesti reikšmę prieš įeidamas į puslapį. Jis grąžina eilutę, kurioje yra vartotojo įvestas tekstas, arba nul. </span> </p> <h3> <span>16. </span> <b> <strong>Kas yra „tai“ raktinis žodis „JavaScript“? </strong> </b> </h3> <p dir='ltr'> <span>Funkcijos „JavaScript“ yra esminiai objektai. Kaip ir objektus, jį galima priskirti kintamiesiems, pereiti prie kitų funkcijų ir grįžti iš funkcijų. Ir panašiai kaip daiktai, jie turi savo savybių. „tai“ saugo dabartinį „JavaScript“ programos vykdymo kontekstą. Taigi, kai ji naudojama funkcijoje, „this“ reikšmė pasikeis priklausomai nuo to, kaip funkcija apibrėžta, kaip ji iškviečiama ir numatytojo vykdymo konteksto. </span> </p> <h3> <span>17. </span> <b> <strong>Paaiškinkite, kaip veikia „JavaScript“ laikmačiai. Taip pat išaiškinkite laikmačio naudojimo trūkumus, jei tokių yra. </strong> </b> </h3> <p dir='ltr'> <span>Laikmatis paleidžia tam tikrą kodą tam tikru metu arba bet kokį nedidelį kodo kiekį kartoja, kad tai padarytumėte, jums reikia naudoti funkcijas </span> <b> <strong>setTimout </strong> </b> <span>, </span> <b> <strong>setInterval, </strong> </b> <span> </span> <span>ir </span> <b> <strong>ClearInterval </strong> </b> <span>. Jei JavaScript kodas nustato laikmatį į 2 minutes ir pasibaigus laikui, puslapyje rodomas įspėjimo pranešimas, kad laikas baigėsi. The </span> <b> <strong>setTimeout() </strong> </b> <span>metodas iškviečia funkciją arba įvertina išraišką po nurodyto milisekundžių skaičiaus. </span> </p> <h3> <span>18. </span> <b> <strong>Kuo „ViewState“ skiriasi nuo „SessionState“? </strong> </b> </h3> <ul> <li value='1'> <b> <strong>ViewState: </strong> </b> <span>Tai būdinga vienam seanso puslapiui. </span> </li> <li value='2'> <b> <strong>Seanso būsena: </strong> </b> <span>Tai yra konkretus naudotojas, kuris gali pasiekti visus tinklalapiuose esančius duomenis. </span> </li> </ul> <h3> <span>19. </span> <b> <strong>Kaip pateikti formą naudojant JavaScript? </strong> </b> </h3> <p dir='ltr'> <span>Tu gali naudoti </span> <b> <strong>document.form[0].submit() </strong> </b> <span> </span> <span>būdas pateikti formą „JavaScript“. </span> </p> <h3> <span>dvidešimt. </span> <b> <strong>Ar JavaScript palaiko automatinį tipo konvertavimą? </strong> </b> <span> </span> </h3> <p dir='ltr'> <span>Taip, „JavaScript“ palaiko automatinį tipo konvertavimą. </span> </p> <h2 id='javascript-intermediate-interview-questions'> <span>„JavaScript“ tarpinio interviu klausimai </span> </h2> <h3> <span>21. Kokios yra visos „JavaScript“ kilpinės struktūros? </span> </h3> <ul> <li value='1'> <b> <strong>o kilpa </strong> </b> <b> <strong>: </strong> </b> <span>Nors kilpa yra valdymo srauto sakinys, leidžiantis pakartotinai vykdyti kodą, remiantis tam tikra Būlio sąlyga. Ciklas while gali būti laikomas pasikartojančiu if teiginiu. </span> </li> <li value='2'> <a href='/javascript-loop'> <b> <strong>už kilpą </strong> </b> </a> <b> <strong>: </strong> </b> <span>A for ciklas pateikia glaustą ciklo struktūros rašymo būdą. Skirtingai nuo while ciklo, teiginys sunaudoja inicijavimą, sąlygą ir padidinimą / mažinimą vienoje eilutėje, taip užtikrinant trumpesnę, lengvai derinamą ciklo struktūrą. </span> </li> <li value='3'> <b> <strong>daryti kol </strong> </b> <b> <strong>: </strong> </b> <span>Ciklas do-while yra panašus į ciklą while, tačiau vienintelis skirtumas yra tas, kad ji patikrina sąlygą įvykdžius teiginius, todėl yra Exit Control Loop pavyzdys. </span> </li> </ul> <h3> <span>22. Kaip galima pakeisti elemento stilių/klasę? </span> </h3> <p dir='ltr'> <span>Yra du būdai, kaip pakeisti elemento stilių/klasę. Mes naudojame </span> <a href='/html-dom-getelementbyid-method'> <span>document.getElementByID metodas </span> </a> </p> <pre>document.getElementById('myText').style.fontSize = '16px; </pre> <pre>document.getElementById('myText').className = 'class'; </pre> <h3> <span>23. Paaiškinkite, kaip skaityti ir rašyti failą naudojant JavaScript? </span> </h3> <ul> <li value='1'> <span>The </span> <b> <strong>skaityti failą () </strong> </b> <span>funkcijos yra naudojamos skaitymo operacijai. </span> </li> </ul> <pre>readFile( Path, Options, Callback) </pre> <ul> <li value='1'> <span>The </span> <b> <strong>writeFile() </strong> </b> <span>funkcijos yra naudojamos rašymo operacijai. </span> </li> </ul> <pre>writeFile( Path, Data, Callback) </pre> <h3> <span>24. Kas vadinama kintamųjų įvedimu JavaScript? </span> </h3> <p dir='ltr'> <span>The </span> <b> <strong>kintamasis rašymas </strong> </b> <span>yra kintamojo tipas, naudojamas skaičiui išsaugoti ir naudojant tą patį kintamąjį eilutei priskirti. </span> </p> <pre>Geeks = 42; Geeks = 'techcodeview.com'; </pre> <h3> <span>25. Kaip „JavaScript“ bet kurios bazės eilutę konvertuoti į sveikąjį skaičių? </span> </h3> <p dir='ltr'> <span>„JavaScript“ funkcija parseInt() naudojama eilutei konvertuoti į sveikąjį skaičių. Ši funkcija grąžina sveikąjį bazės skaičių, kuris nurodytas antrajame funkcijos parseInt() argumente. Funkcija parseInt() grąžina Nan (ne skaičių), kai eilutėje nėra skaičiaus. </span> </p> <h3> <span>26. Paaiškinkite, kaip aptikti operacinę sistemą kliento kompiuteryje? </span> </h3> <p dir='ltr'> <span>Norėdami aptikti operacinę sistemą kliento kompiuteryje, galite tiesiog naudoti ypatybę navigator.appVersion arba navigator.userAgent. Ypatybė Navigator appVersion yra tik skaitoma nuosavybė ir ji grąžina eilutę, nurodančią naršyklės versijos informaciją. </span> </p> <h3> <span>27. Kokie yra „JavaScript“ iššokančiųjų langelių tipai? </span> </h3> <p dir='ltr'> <span>„JavaScript“ galimi trijų tipų pop langeliai. </span> </p> <ul> <li value='1'> <b> <strong>Budrus </strong> </b> </li> <li value='2'> <b> <strong>Patvirtinti </strong> </b> </li> <li value='3'> <b> <strong>Raginimas </strong> </b> </li> </ul> <h3> <span>28. Kuo skiriasi įspėjimo langelis ir patvirtinimo langelis? </span> </h3> <p dir='ltr'> <span>Įspėjimo laukelyje bus rodomas tik vienas mygtukas, kuris yra mygtukas Gerai. Jis naudojamas informuoti vartotoją apie susitarimą, su kuriuo jis turi sutikti. Tačiau patvirtinimo laukelyje rodomi du mygtukai Gerai ir atšaukti, kur vartotojas gali nuspręsti, sutikti ar ne. </span> </p> <h3> <span>29. Koks yra vidinio HTML naudojimo JavaScript programoje trūkumas? </span> </h3> <p dir='ltr'> <span>Naudojimas turi daug trūkumų </span> <span>vidinis HTML </span> <span>„JavaScript“, nes turinys bus pakeistas visur. Jei naudojate += kaip innerHTML = innerHTML + „html“, senasis turinys vis tiek bus pakeistas HTML. Jis išsaugo įvykių tvarkykles, prijungtas prie bet kokių DOM elementų. </span> </p> <h3> <span>30. Kam reikalingas void(0) ? </span> </h3> <p dir='ltr'> <span>The </span> <a href='/what-does-javascript' rel='noreferrer noopener'> <span>negalioja (0) </span> </a> <span>naudojamas iškviesti kitą metodą neatnaujinant puslapio per iškvietimo laiką, bus perduotas parametras nulis. </span> </p> <blockquote> <p dir='ltr'> <span>Norėdami daugiau skaityti, peržiūrėkite mūsų specialų straipsnį </span> <b> <strong>Intermediate Javascript interviu klausimai </strong> </b> <span>. Viduje rasite daugiau nei 20 klausimų su išsamiais atsakymais. </span> </p> </blockquote> <h2 id='javascript-interview-questions-for-experienced'> <span>„JavaScript“ interviu klausimai patyrusiems </span> </h2> <h3> <span>31. </span> <b> <strong>Kas yra „Griežtas“ režimas „JavaScript“ ir kaip jį įjungti? </strong> </b> </h3> <p dir='ltr'> <span>Griežtas režimas yra nauja ECMAScript 5 funkcija, leidžianti įtraukti programą arba funkciją į griežtą veikimo kontekstą. Šis griežtas kontekstas neleidžia imtis tam tikrų veiksmų ir suteikia daugiau išimčių. Teiginys naudoti griežtą nurodo naršyklei naudoti griežtą režimą, kuris yra sumažintas ir saugesnis JavaScript funkcijų rinkinys. </span> </p> <h3> <span>32. </span> <b> <strong>Kaip gauti žymės langelio būseną? </strong> </b> </h3> <p dir='ltr'> <span>DOM įvesties žymimojo laukelio ypatybė naudojama norint nustatyti arba grąžinti pažymėtą žymimojo laukelio būseną. Ši savybė naudojama atributui HTML Checked atspindėti. </span> </p> <pre>document.getElementById('GFG').checked; </pre> <p dir='ltr'> <span>Jei žymimasis laukelis pažymėtas, jis grąžina True. </span> </p> <h3> <span>33. </span> <b> <strong>Kaip paaiškinti „JavaScript“ uždarymą ir kada jį naudoti? </strong> </b> </h3> <p dir='ltr'> <span>Uždarymas sukuriamas, kai antrinis asmuo veikia, kad išlaikytų motininio aprėpties aplinką net po to, kai tėvų funkcija jau buvo įvykdyta. Uždarymas yra lokaliai deklaruojamas kintamasis, susijęs su funkcija. Uždarymas leis geriau valdyti kodą juos naudojant. </span> </p>Javascript <code> <pre>// Explanation of closure function foo() { let b = 1; function inner() { return b; } return inner; } let get_func_inner = foo(); console.log(get_func_inner()); console.log(get_func_inner()); console.log(get_func_inner()); </pre> </code> <h3> <span>3. 4. </span> <b> <strong>Kuo skiriasi call() ir apply() metodai? </strong> </b> </h3> <p dir='ltr'> <span>Abu metodai naudojami skirtingose situacijose </span> </p> <ul> <li value='1'> <b> <strong>call() metodas: </strong> </b> <span>Jis iškviečia metodą, kaip argumentą paimdamas savininko objektą. Šis raktinis žodis reiškia funkcijos arba objekto, kuriam ji priklauso, „savininką“. Galime vadinti metodą, kuris gali būti naudojamas įvairiems objektams. </span> </li> <li value='2'> <b> <strong>taikyti() Metodas: </strong> </b> <span>Metodai apply() naudojamas rašyti metodus, kurie gali būti naudojami įvairiems objektams. Ji skiriasi nuo funkcijos call(), nes ji priima argumentus kaip masyvą. </span> </li> </ul> <h3> <span>35. </span> <b> <strong>Kaip nukreipti į tam tikrą rėmelį iš hipersaito „JavaScript“? </strong> </b> </h3> <p dir='ltr'> <span>Tai galima padaryti naudojant </span> <b> <strong>taikinys </strong> </b> <span>atributas hipersaite. Kaip </span> </p> <pre> New Page </pre> <h3> <span>36. </span> <b> <strong>Rašyti klaidas, rodomas JavaScript? </strong> </b> </h3> <p dir='ltr'> <span>„JavaScript“ yra trijų skirtingų tipų klaidų. </span> </p> <ul> <li value='1'> <b> <strong>Sintaksės klaida: </strong> </b> <span>Sintaksės klaida yra simbolių arba žetonų sekos sintaksės klaida, kuri skirta įrašyti tam tikra programavimo kalba. </span> </li> <li value='2'> <b> <strong>Loginė klaida: </strong> </b> <span>Sunkiausia atsekti šią klaidą, nes tai yra loginės kodavimo dalies klaida arba loginė klaida yra programos klaida, dėl kurios ji veikia netinkamai ir nutrūksta. </span> </li> <li value='3'> <b> <strong>Klaida: </strong> </b> <span>Vykdymo klaida yra klaida, kuri įvyksta vykdant programą, taip pat žinoma kaip išimtis. </span> </li> </ul> <h3> <span>37. </span> <b> <strong>Kuo skiriasi „JavaScript“ ir „Jscript“? </strong> </b> </h3> <p dir='ltr'> <b> <strong>JavaScript </strong> </b> </p> <ul> <li value='1'> <span>Tai skriptų kalba, kurią sukūrė „Netscape“. </span> </li> <li value='2'> <span>Jis naudojamas kuriant kliento ir serverio programas. </span> </li> <li value='3'> <span>Tai visiškai nepriklausoma nuo Java kalbos. </span> </li> </ul> <p dir='ltr'> <b> <strong>Jscript </strong> </b> </p> <ul> <li value='1'> <span>Tai „Microsoft“ sukurta scenarijų kalba. </span> </li> <li value='2'> <span>Jis naudojamas kuriant aktyvų internetinį žiniatinklio turinį. </span> </li> </ul> <h3> <span>38. </span> <b> <strong>Kas daro </strong> </b> <span> </span> <i> <b> <strong>var myArray = [[]]; </strong> </b> </i> <b> <strong>pareiškimas pareiškia? </strong> </b> </h3> <p dir='ltr'> <span>„JavaScript“ programoje šis teiginys naudojamas deklaruoti dvimatį masyvą. </span> </p> <h3> <b> <strong>39. Kiek būdų HTML elementą galima pasiekti JavaScript kode? </strong> </b> </h3> <p dir='ltr'> <span>Yra keturi galimi būdai pasiekti „JavaScript“ HTML elementus: </span> </p> <ul> <li value='1'> <a href='/html-dom-getelementbyid-method'> <b> <strong>getElementById() metodas: </strong> </b> </a> <span>Jis naudojamas elementui gauti pagal jo ID pavadinimą. </span> </li> <li value='2'> <b> <strong>getElementsByClass() metodas: </strong> </b> <span>Jis naudojamas norint gauti visus elementus, turinčius nurodytą klasės pavadinimą. </span> </li> <li value='3'> <b> <strong>getElementsByTagName() metodas: </strong> </b> <span>Jis naudojamas norint gauti visus elementus, turinčius nurodytą žymos pavadinimą. </span> </li> <li value='4'> <b> <strong>querySelector() metodas: </strong> </b> <span>Ši funkcija paima CSS stiliaus parinkiklį ir grąžina pirmąjį pasirinktą elementą. </span> </li> </ul> <h3> <b> <strong>40. Kuo skiriasi innerHTML ir innerText? </strong> </b> </h3> <p dir='ltr'> <span>Ypatybė innerText nustato arba grąžina teksto turinį kaip paprastą nurodyto mazgo tekstą ir visus jo palikuonis, o ypatybė innerHTML nustato arba grąžina paprastą tekstą arba HTML turinį elementuose. Skirtingai nuo innerText, vidinis HTML leidžia dirbti su HTML raiškiuoju tekstu ir automatiškai neužkoduoja ir neiškoduoja teksto. </span> </p> <h3> <b> <strong>41. Kas yra įvykis, burbuliuojantis JavaScript? </strong> </b> </h3> <p dir='ltr'> <span>Apsvarstykite situaciją, kai elementas yra kitame elemente, ir abu jie valdo įvykį. Kai įvykis įvyksta burbuliuojant, pirmiausia įvykį apdoroja vidinis elementas, tada išorinis ir pan. </span> </p> <blockquote> <p dir='ltr'> <span>Norėdami daugiau skaityti, peržiūrėkite mūsų specialų straipsnį </span> <b> <strong>Išplėstiniai „Javascript“ interviu klausimai </strong> </b> <span>. Viduje rasite daugiau nei 20 klausimų su išsamiais atsakymais. </span> </p> </blockquote> <br> <br>
</div>
<!-- Article Footer with Prominent Share Buttons -->
<div class="px-6 md:px-8 py-8 bg-slate-50 dark:bg-slate-900/50 border-t border-slate-200 dark:border-slate-700/50">
<div class="flex flex-col sm:flex-row items-center justify-between gap-6">
<h4 class="text-base font-bold text-slate-700 dark:text-slate-300 uppercase tracking-wide flex items-center gap-2">
<i class="fa fa-share-alt text-tech-500"> </i>
Bendrinti </h4>
<div class="flex flex-wrap justify-center gap-3">
<!-- Twitter -->
<a href="https://twitter.com/intent/tweet?text=„JavaScript“ interviu klausimai ir atsakymai&url=https://www.techcodeview.com/lt/javascript-interview-questions"
target="_blank" rel="noopener noreferrer"
class="flex items-center gap-2 px-6 py-3 rounded-xl bg-[#1DA1F2]/10 text-[#1DA1F2] hover:bg-[#1DA1F2] hover:text-white transition-all duration-300 font-bold text-sm">
<i class="fa fa-twitter text-lg"> </i>
<span class="hidden sm:inline">Twitter </span>
</a>
<!-- Facebook -->
<a href="https://www.facebook.com/sharer/sharer.php?u=https://www.techcodeview.com/lt/javascript-interview-questions"
target="_blank" rel="noopener noreferrer"
class="flex items-center gap-2 px-6 py-3 rounded-xl bg-[#4267B2]/10 text-[#4267B2] hover:bg-[#4267B2] hover:text-white transition-all duration-300 font-bold text-sm">
<i class="fa fa-facebook text-lg"> </i>
<span class="hidden sm:inline">Facebook </span>
</a>
<!-- LinkedIn -->
<a href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.techcodeview.com/lt/javascript-interview-questions&title=„JavaScript“ interviu klausimai ir atsakymai"
target="_blank" rel="noopener noreferrer"
class="flex items-center gap-2 px-6 py-3 rounded-xl bg-[#0077b5]/10 text-[#0077b5] hover:bg-[#0077b5] hover:text-white transition-all duration-300 font-bold text-sm">
<i class="fa fa-linkedin text-lg"> </i>
<span class="hidden sm:inline">LinkedIn </span>
</a>
</div>
</div>
</div>
</article>
<!-- Comments Placeholder / Random Articles -->
<div class="mt-8 bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-xl p-6 md:p-8 shadow-sm">
<h3 class="text-xl font-bold text-slate-900 dark:text-white mb-6 uppercase tracking-wide border-b border-slate-200 dark:border-slate-700 pb-2">
Jums Gali Patikti </h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="group">
<a href="/lt/whats-good-psat-score-131726" class="block aspect-video rounded-lg overflow-hidden bg-slate-200 dark:bg-slate-700 mb-3">
<img loading="lazy" src="https://techcodeview.com/img/blog/38/whats-good-psat-score.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Koks yra geras PSAT balas antrojo kurso studentui?" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
</a>
<h4 class="font-bold text-slate-900 dark:text-white leading-tight group-hover:text-tech-500 transition-colors">
<a href="/lt/whats-good-psat-score-131726">Koks yra geras PSAT balas antrojo kurso studentui? </a>
</h4>
</div> <div class="group">
<a href="/lt/how-long-is-act-with-breaks-131590" class="block aspect-video rounded-lg overflow-hidden bg-slate-200 dark:bg-slate-700 mb-3">
<img loading="lazy" src="https://techcodeview.com/img/blog/08/how-long-is-act-with-breaks.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kiek trunka ACT su pertraukomis?" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
</a>
<h4 class="font-bold text-slate-900 dark:text-white leading-tight group-hover:text-tech-500 transition-colors">
<a href="/lt/how-long-is-act-with-breaks-131590">Kiek trunka ACT su pertraukomis? </a>
</h4>
</div>
</div>
</div>
</div>
<!-- SECONDARY COLUMN (SIDEBAR) -->
<!-- Aside Column -->
<div class="lg:col-span-4 space-y-8">
<!-- Best Articles Widget -->
<div class="rounded-xl bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 p-6 shadow-sm">
<div class="mb-4 border-b border-slate-100 dark:border-slate-700 pb-2">
<h2 class="text-lg font-bold text-slate-900 dark:text-white uppercase tracking-wide flex items-center">
<span class="mr-2 h-2 w-2 rounded-full bg-tech-500"> </span>
Top Straipsniai </h2>
</div>
<!-- Owl Carousel Preserved Container -->
<div id="owl-carousel-3" class="owl-carousel owl-theme center-owl-nav">
<!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/lt/reboot-linux-system-command-with-examples">
<img src="https://techcodeview.com/img/linux-command/94/reboot-linux-system-command-with-examples.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Iš naujo paleiskite „Linux“ sistemos komandą su pavyzdžiais" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/lt/reboot-linux-system-command-with-examples" class="hover:text-tech-500 transition-colors line-clamp-3">Iš naujo paleiskite „Linux“ sistemos komandą su pavyzdžiais </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/lt/who-is-medusa-snake-haired-gorgon-131884">
<img src="https://techcodeview.com/img/blog/23/who-is-medusa-snake-haired-gorgon.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kas yra Medūza, gyvatės plaukas Gorgonas?" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/lt/who-is-medusa-snake-haired-gorgon-131884" class="hover:text-tech-500 transition-colors line-clamp-3">Kas yra Medūza, gyvatės plaukas Gorgonas? </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/lt/identifier-expected-error-java">
<img src="https://techcodeview.com/img/java-tutorial/74/identifier-expected-error-java.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Tikėtina identifikatoriaus klaida Java" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/lt/identifier-expected-error-java" class="hover:text-tech-500 transition-colors line-clamp-3">Tikėtina identifikatoriaus klaida Java </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/lt/how-specify-date-format-creating-table">
<img src="https://techcodeview.com/img/picked/09/how-specify-date-format-creating-table.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kaip nurodyti datos formatą kuriant lentelę ir užpildyti ją SQL?" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/lt/how-specify-date-format-creating-table" class="hover:text-tech-500 transition-colors line-clamp-3">Kaip nurodyti datos formatą kuriant lentelę ir užpildyti ją SQL? </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/lt/working-with-images-in-python">
<img src="https://techcodeview.com/img/python/71/working-with-images-in-python.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Darbas su vaizdais Python" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/lt/working-with-images-in-python" class="hover:text-tech-500 transition-colors line-clamp-3">Darbas su vaizdais Python </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/lt/conditional-ternary-operator">
<img src="https://techcodeview.com/img/c-operators/75/conditional-ternary-operator.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Sąlyginis arba trijų dalių operatorius (?:) C" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/lt/conditional-ternary-operator" class="hover:text-tech-500 transition-colors line-clamp-3">Sąlyginis arba trijų dalių operatorius (?:) C </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/lt/how-improve-reading-comprehension-1311218">
<img src="https://techcodeview.com/img/blog/84/how-improve-reading-comprehension.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kaip pagerinti skaitymo supratimą: 8 ekspertų patarimai" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/lt/how-improve-reading-comprehension-1311218" class="hover:text-tech-500 transition-colors line-clamp-3">Kaip pagerinti skaitymo supratimą: 8 ekspertų patarimai </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/lt/4-top-tips-university-michigan-supplemental-essays-1311314">
<img src="https://techcodeview.com/img/blog/13/4-top-tips-university-michigan-supplemental-essays.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="4 geriausi patarimai Mičigano universiteto papildomiems rašiniams" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/lt/4-top-tips-university-michigan-supplemental-essays-1311314" class="hover:text-tech-500 transition-colors line-clamp-3">4 geriausi patarimai Mičigano universiteto papildomiems rašiniams </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/lt/lca-for-n-ary-tree-constant-query-o-1">
<img src="https://techcodeview.com/img/dsa/70/lca-for-n-ary-tree-constant-query-o-1.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="n-arinio medžio LCA | Nuolatinė užklausa O(1)" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/lt/lca-for-n-ary-tree-constant-query-o-1" class="hover:text-tech-500 transition-colors line-clamp-3">n-arinio medžio LCA | Nuolatinė užklausa O(1) </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/lt/convert-list-string-java">
<img src="https://techcodeview.com/img/java-tutorial/39/convert-list-string-java.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Konvertuoti sąrašą į eilutę Java" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/lt/convert-list-string-java" class="hover:text-tech-500 transition-colors line-clamp-3">Konvertuoti sąrašą į eilutę Java </a>
</h4>
</div>
</article>
<!-- /ARTICLE -->
</div>
<!-- Categories -->
<div class="mt-8 mb-4 border-b border-slate-100 dark:border-slate-700 pb-2">
<h2 class="text-lg font-bold text-slate-900 dark:text-white uppercase tracking-wide">Kategorija </h2>
</div>
<div class="flex flex-wrap gap-2">
<a href="/lt/blog/" class="inline-block px-3 py-1 bg-slate-100 dark:bg-slate-700 text-xs font-medium text-slate-600 dark:text-slate-300 rounded-full hover:bg-tech-500 hover:text-white transition-colors">
Dienoraštis
</a> <a href="/lt/java-conversion/" class="inline-block px-3 py-1 bg-slate-100 dark:bg-slate-700 text-xs font-medium text-slate-600 dark:text-slate-300 rounded-full hover:bg-tech-500 hover:text-white transition-colors">
Java Konvertavimas
</a> <a href="/lt/maths/" class="inline-block px-3 py-1 bg-slate-100 dark:bg-slate-700 text-xs font-medium text-slate-600 dark:text-slate-300 rounded-full hover:bg-tech-500 hover:text-white transition-colors">
Matematika
</a> <a href="/lt/java-collections/" class="inline-block px-3 py-1 bg-slate-100 dark:bg-slate-700 text-xs font-medium text-slate-600 dark:text-slate-300 rounded-full hover:bg-tech-500 hover:text-white transition-colors">
Java Kolekcijos
</a> <a href="/lt/differences/" class="inline-block px-3 py-1 bg-slate-100 dark:bg-slate-700 text-xs font-medium text-slate-600 dark:text-slate-300 rounded-full hover:bg-tech-500 hover:text-white transition-colors">
Skirtumai
</a> <a href="/lt/java-string/" class="inline-block px-3 py-1 bg-slate-100 dark:bg-slate-700 text-xs font-medium text-slate-600 dark:text-slate-300 rounded-full hover:bg-tech-500 hover:text-white transition-colors">
Java Eilutė
</a>
</div>
<!-- Interesting Articles Widget -->
<div class="mt-8">
<div class="mb-4 border-b border-slate-100 dark:border-slate-700 pb-2">
<h2 class="text-lg font-bold text-slate-900 dark:text-white uppercase tracking-wide">Įdomios Straipsniai </h2>
</div>
<div id="owl-carousel-4" class="owl-carousel owl-theme">
<!-- ARTICLE -->
<article class="relative aspect-video rounded-lg overflow-hidden group mb-2">
<div class="absolute inset-0">
<img src="https://techcodeview.com/img/c-tutorial/40/c-gui.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="C++ GUI" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent"> </div>
</div>
<div class="absolute bottom-0 left-0 p-4">
<div class="text-xs text-tech-400 font-bold mb-1"> <a href="/lt/c-tutorial/">C++ Pamoka </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lt/c-gui">C++ GUI </a> </h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="relative aspect-video rounded-lg overflow-hidden group mb-2">
<div class="absolute inset-0">
<img src="https://techcodeview.com/img/javascript-tutorial/29/javascript-prompt-dialog-box.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="„JavaScript“ raginimo () dialogo langas" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent"> </div>
</div>
<div class="absolute bottom-0 left-0 p-4">
<div class="text-xs text-tech-400 font-bold mb-1"> <a href="/lt/javascript-tutorial/">Javascript Pamoka </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lt/javascript-prompt-dialog-box">„JavaScript“ raginimo () dialogo langas </a> </h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="relative aspect-video rounded-lg overflow-hidden group mb-2">
<div class="absolute inset-0">
<img src="https://techcodeview.com/img/category/86/what-is-full-form-er.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kokia yra visa ER forma" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent"> </div>
</div>
<div class="absolute bottom-0 left-0 p-4">
<div class="text-xs text-tech-400 font-bold mb-1"> <a href="/lt/category/">Kategorija </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lt/what-is-full-form-er">Kokia yra visa ER forma </a> </h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="relative aspect-video rounded-lg overflow-hidden group mb-2">
<div class="absolute inset-0">
<img src="https://techcodeview.com/img/computer/15/uses-internet.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Interneto naudojimas" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent"> </div>
</div>
<div class="absolute bottom-0 left-0 p-4">
<div class="text-xs text-tech-400 font-bold mb-1"> <a href="/lt/computer/">Kompiuteris </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lt/uses-internet">Interneto naudojimas </a> </h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="relative aspect-video rounded-lg overflow-hidden group mb-2">
<div class="absolute inset-0">
<img src="https://techcodeview.com/img/pandas-dataframe-program/62/get-unique-values-from-column-pandas-dataframe.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Gaukite unikalias vertes iš Pandas DataFrame stulpelio" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent"> </div>
</div>
<div class="absolute bottom-0 left-0 p-4">
<div class="text-xs text-tech-400 font-bold mb-1"> <a href="/lt/pandas-dataframe-program/">„Pandas-Dataframe-Program“. </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lt/get-unique-values-from-column-pandas-dataframe">Gaukite unikalias vertes iš Pandas DataFrame stulpelio </a> </h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="relative aspect-video rounded-lg overflow-hidden group mb-2">
<div class="absolute inset-0">
<img src="https://techcodeview.com/img/data-visualization/33/data-analysis-and-visualization-with-python.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Duomenų analizė ir vizualizacija naudojant Python" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent"> </div>
</div>
<div class="absolute bottom-0 left-0 p-4">
<div class="text-xs text-tech-400 font-bold mb-1"> <a href="/lt/data-visualization/">Duomenų vizualizacija </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lt/data-analysis-and-visualization-with-python">Duomenų analizė ir vizualizacija naudojant Python </a> </h4>
</div>
</article>
<!-- /ARTICLE -->
</div>
</div>
</div>
</div>
<!-- /Aside Column --> </div>
</div>
</div>
<footer class="site-footer">
<div class="container">
<span class="footer-links">
Copyright ©2026 Visos Teisės Saugomos |
<a href="//www.techcodeview.com/ro/">techcodeview.com </a> |
<a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Atsisakymas </a> |
<a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">Apie Mus </a> |
<a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Privatumo Politika </a>
</span>
</div>
</footer>
<script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/jquery-1.11.3.min.js"> </script>
<script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/bootstrap/js/bootstrap.min.js"> </script>
<script type="text/javascript" src="https://techcodeview.com/template/assets/js/main.js"> </script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"> </script>
<script>
!function(){"use strict";let t=document.createElement("button");t.id="toTopBtn",t.innerHTML="↑";let e=`
#toTopBtn {
position: fixed; bottom: 25px; right: 25px; z-index: 9999; opacity: 0; visibility: hidden; background-color: #0ea5e9; color: white; border: none; border-radius: 8px; width: 50px; height: 50px; font-size: 24px; cursor: pointer; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
#toTopBtn:hover { background-color: #0284c7; }
`,i=document.createElement("style");i.type="text/css",i.innerText=e,document.head.appendChild(i),document.body.appendChild(t),window.addEventListener("scroll",()=>{let e=window.scrollY||document.documentElement.scrollTop;e>300?(t.style.opacity="1",t.style.visibility="visible"):(t.style.opacity="0",t.style.visibility="hidden")}),t.addEventListener("click",()=>{window.scrollTo({top:0,behavior:"smooth"})})}();
</script>
</body>
</html>