JavaScript intervijas jautājumi un atbildes

JavaScript (JS) ir vispopulārākā vieglā skriptu un kompilētā programmēšanas valoda. To izstrādāja Brendans Eihs 1995. gadā . Tā ir labi pazīstama kā tīmekļa lapu, mobilo lietotņu, tīmekļa serveru un daudz ko citu skriptu valoda. Tā ir svarīga valoda topošajiem priekšgala un aizmugures izstrādātājiem. Dažas darba lomas prasa, lai indivīdi brīvi pārvalda JavaScript. To izmanto vadošie IT uzņēmumi, piemēram, Evernote, LinkedIn, Microsoft, Opera, NASA , un Meta DOM manipulāciju, asinhronā JavaScript, kļūdu apstrādes un JavaScript ietvaru, kuros to var izmantot, dēļ. Tātad, lai iekļūtu šajos uzņēmumos, tie ir jāpabeidz Populārākie JavaScript interviju jautājumi kas var likt jums šķist eksperts darbā iekārtotāju priekšā.

Šajā rakstā mēs sniegsim Tops JavaScript intervijas jautājumi un atbildes pielāgots abiem atsvaidzinātāji un pieredzējis profesionāļiem ar 3, 5 un 8 gadu pieredzi. Šeit mēs aptveram visu, tostarp JavaScript pamatjēdzieni , ES6+ funkcijas, DOM manipulācijas, asinhronais JavaScript, kļūdu apstrāde, JavaScript ietvari un bibliotēkas un daudz kas cits, kas noteikti palīdzēs jums uzlauzt nākamo JavaScript interviju.

JavaScript intervijas jautājumi un atbildes (2024)

Lai jūs būtu gatavs intervijai, esam atnesuši 50 populārākie JavaScript intervijas jautājumi par iesācējs, vidējs un pieredzējis kas jums noteikti ir jāiziet, lai iegūtu labāko starptautisko korporāciju vietu.

Pirms turpināt mācīties JavaScript intervijas jautājumi un atbildes , vispirms mēs apgūstam pilnīgu JavaScript apmācība .

Satura rādītājs

JavaScript intervijas jautājumi pirmkursniekiem

Apspriedīsim dažus bieži uzdotos jautājumus, kas jums jāsagatavo intervijām. Šie jautājumi būs noderīgi interviju noskaidrošanā, īpaši priekšgala izstrādes lomai.

1. Kādas ir atšķirības starp Java un JavaScript?

JavaScript ir klienta puses skriptu valoda, un Java ir objektorientētā programmēšanas valoda. Abi ir pilnīgi atšķirīgi viens no otra.

  • JavaScript : Tā ir viegla programmēšanas valoda (skriptu valoda) interaktīvu tīmekļa lapu izstrādei. Tas var ievietot dinamisku tekstu HTML elementos. JavaScript ir pazīstams arī kā pārlūkprogrammas valoda.
  • Java : Java ir viena no populārākajām programmēšanas valodām. Tā ir uz objektu orientēta programmēšanas valoda, un tai ir virtuālās mašīnas platforma, kas ļauj izveidot kompilētas programmas, kas darbojas gandrīz visās platformās. Java solīja, rakstiet vienreiz, palaist jebkur.

2. Kas ir JavaScript datu tipi?

JavaScript ir trīs galvenie datu veidi.

  • Primitīvs
    • Skaitļi
    • Stīgas
    • Būla
    • Simbols
  • Triviāls
    • nenoteikts
    • Null
  • Kompozīts

3. Kurš simbols tiek izmantots komentāriem JavaScript?

Komentāri neļauj izpildīt paziņojumus. Kamēr kompilators izpilda kodu, komentāri tiek ignorēti. Ir divu veidu simboli, kas apzīmē komentārus JavaScript:

  • Dubultā slīpsvītra: Tas ir pazīstams kā vienas rindiņas komentārs.
// Single line comment 
  • Slīpsvītra ar zvaigznīti: Tas ir pazīstams kā vairāku rindiņu komentārs.
/* Multi-line comments ... */ 

4. Kāds būtu rezultāts 3+2+7″?

Šeit 3 ​​un 2 darbojas kā vesels skaitlis, un 7 darbojas kā virkne. Tātad 3 plus 2 būs 5. Tad izvade būs 5+7″ = 57.

5. Kāda ir funkcijas isNaN izmantošana?

Funkcija numurs isNan nosaka, vai nodotā ​​vērtība ir NaN (nav skaitlis) un vai tā ir tipa numurs. Programmā JavaScript vērtība NaN tiek uzskatīta par skaitļa veidu. Tas atgriež patiesu, ja arguments nav skaitlis, pretējā gadījumā tas atgriež false.

6. Kurš ir ātrāks JavaScript un ASP skriptā?

JavaScript ir ātrāks, salīdzinot ar ASP skriptu. JavaScript ir klienta puses skriptu valoda, un tā izpilde nav atkarīga no servera. ASP skripts ir servera puses skriptu valoda, kas vienmēr ir uzticama no servera.

7. Kas ir negatīvā bezgalība?

Negatīvā bezgalība ir nemainīga vērtība, kas ir zemākā pieejamā vērtība. Tas nozīmē, ka neviens cits skaitlis nav mazāks par šo vērtību. To var ģenerēt, izmantojot pašizveidotu funkciju vai aritmētisku darbību. JavaScript parāda NEGATIVE_INFINITY vērtību kā -Infinity.

8. Vai ir iespējams sadalīt JavaScript kodu vairākās rindās?

Jā, virknes priekšrakstā ir iespējams sadalīt JavaScript kodu vairākās rindās. To var salauzt, izmantojot atpakaļvērstā slīpsvītra “” .
Piemēram:

document.write('A Online Computer Science Portal for Geeks') 

Koda sadalīšanas līnija tiek novērsta, izmantojot JavaScript, kas nav vēlams.

let gfg= 10, GFG = 5, Geeks = gfg + GFG; 

9. Kurš uzņēmums izstrādāja JavaScript?

Netscape izstrādāja JavaScript, un to izveidoja Brendens Eihs 1995. gadā.

10. Kas ir nedeklarēti un nedefinēti mainīgie?

  • nenoteikts : Tas notiek, ja tiek deklarēts mainīgais, kas nepiešķir nekādu vērtību. Undefined nav atslēgvārds.
  • Nedeklarēts : Tas notiek, kad mēs cenšamies piekļūt jebkuram mainīgajam, kas nav inicializēts vai deklarēts agrāk, izmantojot atslēgvārdu var vai const. Ja mēs izmantojam operators ‘typeof’ lai iegūtu nedeklarēta mainīgā vērtību, mēs saskarsimies ar izpildlaika kļūdu ar atgriešanās vērtību kā nenoteiktu. Nedeklarēto mainīgo apjoms vienmēr ir globāls.

vienpadsmit. Uzrakstiet JavaScript kodu jaunu elementu dinamiskai pievienošanai.

html
      Documenttitle> head> <body>  <button onclick='create()'>Noklikšķiniet šeit! poga> <script>funkcija izveidot() { let geeks = document.createElement('geeks');  geeks.textContent = 'Geeksforgeeks';  geeks.setAttribute('klase', 'piezīme');  document.body.appendChild(geeks);  } skripts> body> html>>> </tag>  <h3> <span>12. </span>  <b>  <strong>Kas ir globālie mainīgie? Kā šie mainīgie tiek deklarēti un kādas ir ar tiem saistītās problēmas? </strong>  </b>  </h3> <p dir='ltr'> <span>Turpretim globālie mainīgie ir mainīgie, kas definē ārpus funkcijām. Šiem mainīgajiem ir globāls apjoms, tāpēc tos var izmantot jebkura funkcija, nenododot tos funkcijai kā parametrus. </span> </p>  <p dir='ltr'>  <b>  <strong>Piemērs: </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>Ir grūti atkļūdot un pārbaudīt kodu, kas balstās uz globāliem mainīgajiem. </span> </p>  <h3> <span>13. </span>  <b>  <strong>Ko jūs domājat ar NULL JavaScript? </strong>  </b>  </h3> <p dir='ltr'> <span>NULL vērtība norāda, ka nav vērtības vai objekta nav. To sauc par tukšu vērtību/objektu. </span> </p>  <h3> <span>14. </span>  <b>  <strong>Kā izdzēst īpašuma vērtības? </strong>  </b>  </h3> <p dir='ltr'>  <span>  </span>  <span>The </span>   <b>  <strong>dzēst atslēgvārdu </strong>  </b>   <span>dzēš visu īpašumu un visas vērtības uzreiz patīk </span> </p>  <pre>let gfg={Course: 'DSA', Duration:30}; delete gfg.Course; </pre> <h3> <span>piecpadsmit. </span>  <b>  <strong>Kas ir uzvednes lodziņš? </strong>  </b>  </h3> <p dir='ltr'> <span>Uzvednes lodziņš ir dialoglodziņš ar izvēles ziņojumu, kas liek lietotājam ievadīt tekstu. To bieži izmanto, ja lietotājs pirms lapas ievadīšanas vēlas ievadīt vērtību. Tas atgriež virkni, kas satur lietotāja ievadīto tekstu vai nulli. </span> </p>  <h3> <span>16. </span>  <b>  <strong>Kas ir JavaScript atslēgvārds “šis”? </strong>  </b>  </h3> <p dir='ltr'> <span>Funkcijas JavaScript ir būtiski objekti. Tāpat kā objektus, to var piešķirt mainīgajiem, pāriet uz citām funkcijām un atgriezties no funkcijām. Un līdzīgi kā objektiem, tiem ir savas īpašības. “this” saglabā pašreizējo JavaScript programmas izpildes kontekstu. Tādējādi, kad tā tiek izmantota funkcijā, “this” vērtība mainīsies atkarībā no tā, kā funkcija ir definēta, kā tā tiek izsaukta, un noklusējuma izpildes konteksta. </span> </p>  <h3> <span>17. </span>  <b>  <strong>Izskaidrojiet taimeru darbību JavaScript. Noskaidrojiet arī taimera lietošanas trūkumus, ja tādi ir. </strong>  </b>  </h3> <p dir='ltr'> <span>Taimeris izpilda noteiktu kodu noteiktā laikā vai jebkuru nelielu koda daudzumu atkārtoti, lai to izdarītu, jums ir jāizmanto funkcijas </span>   <b>  <strong>setTimout </strong>  </b>  <span>, </span>  <b>  <strong>setInterval, </strong>  </b>  <span>  </span>  <span>un </span>   <b>  <strong>ClearInterval </strong>  </b>   <span>. Ja JavaScript kods iestata taimeri uz 2 minūtēm un kad laiks ir beidzies, lapā tiek parādīts brīdinājuma ziņojums, ka laiks ir beidzies. The </span>  <b>  <strong>setTimeout() </strong>  </b>  <span>metode izsauc funkciju vai novērtē izteiksmi pēc noteikta milisekunžu skaita. </span> </p>  <h3> <span>18. </span>  <b>  <strong>Kāda ir atšķirība starp ViewState un SessionState? </strong>  </b>  </h3> <ul> <li value='1'>  <b>  <strong>ViewState: </strong>  </b>  <span>Tas ir raksturīgs vienai sesijas lapai. </span> </li> <li value='2'>  <b>  <strong>Sesijas stāvoklis: </strong>  </b>  <span>Tas ir atkarīgs no lietotāja, kurš var piekļūt visiem tīmekļa lapās esošajiem datiem. </span> </li> </ul> <h3> <span>19. </span>  <b>  <strong>Kā iesniegt veidlapu, izmantojot JavaScript? </strong>  </b>  </h3> <p dir='ltr'> <span>Tu vari izmantot </span>   <b>  <strong>document.form[0].submit() </strong>  </b>  <span>  </span>  <span>veids, kā iesniegt veidlapu JavaScript. </span> </p>  <h3> <span>divdesmit. </span>  <b>  <strong>Vai JavaScript atbalsta automātisku tipu konvertēšanu? </strong>  </b>  <span>  </span> </h3> <p dir='ltr'> <span>Jā, JavaScript atbalsta automātisku tipu konvertēšanu. </span> </p>  <h2 id='javascript-intermediate-interview-questions'> <span>JavaScript starpposma intervijas jautājumi </span> </h2> <h3> <span>21. Kas ir visas JavaScript cilpas struktūras? </span> </h3> <ul> <li value='1'>   <b>  <strong>kamēr cilpa </strong>  </b>   <b>  <strong>: </strong>  </b>  <span>Kamēr cilpa ir vadības plūsmas paziņojums, kas ļauj atkārtoti izpildīt kodu, pamatojoties uz noteiktu Būla nosacījumu. Ciklu while var uzskatīt par atkārtotu if paziņojumu. </span> </li> <li value='2'>  <a href='/javascript-loop'>  <b>  <strong>cilpai </strong>  </b>  </a>  <b>  <strong>: </strong>  </b>  <span>A for cilpa nodrošina īsu veidu, kā rakstīt cilpas struktūru. Atšķirībā no while cilpas, priekšraksts patērē inicializēšanu, nosacījumu un palielināšanu/samazināšanu vienā rindā, tādējādi nodrošinot īsāku, viegli atkļūdojamu cilpas struktūru. </span> </li> <li value='3'>   <b>  <strong>darīt kamēr </strong>  </b>   <b>  <strong>: </strong>  </b>  <span>Do-while cilpa ir līdzīga cilpai while ar vienīgo atšķirību, ka tā pārbauda stāvokli pēc priekšrakstu izpildes, un tāpēc ir Exit Control Loop piemērs. </span> </li> </ul> <h3> <span>22. Kā var mainīt elementa stilu/klasi? </span> </h3> <p dir='ltr'> <span>Lai mainītu elementa stilu/klasi, ir divi iespējamie veidi. Mēs izmantojam </span>  <a href='/html-dom-getelementbyid-method'> <span>document.getElementByID metode </span> </a>  </p>  <pre>document.getElementById('myText').style.fontSize = '16px; </pre> <pre>document.getElementById('myText').className = 'class'; </pre> <h3> <span>23. Paskaidrojiet, kā lasīt un rakstīt failu, izmantojot JavaScript? </span> </h3> <ul> <li value='1'> <span>The </span>   <b>  <strong>lasīt failu () </strong>  </b>   <span>funkcijas tiek izmantotas lasīšanas darbībai. </span> </li> </ul> <pre>readFile( Path, Options, Callback) </pre> <ul> <li value='1'> <span>The </span>   <b>  <strong>writeFile() </strong>  </b>   <span>funkcijas tiek izmantotas rakstīšanas darbībai. </span> </li> </ul> <pre>writeFile( Path, Data, Callback) </pre> <h3> <span>24. Ko sauc par mainīgo ievadīšanu JavaScript? </span> </h3> <p dir='ltr'> <span>The </span>  <b>  <strong>mainīgā rakstīšana </strong>  </b>  <span>ir mainīgā veids, ko izmanto, lai saglabātu numuru un izmantotu to pašu mainīgo, lai piešķirtu virkni. </span> </p>  <pre>Geeks = 42; Geeks = 'techcodeview.com'; </pre> <h3> <span>25. Kā JavaScript konvertēt jebkuras bāzes virkni par veselu skaitli? </span> </h3> <p dir='ltr'> <span>Programmā JavaScript funkcija parseInt() tiek izmantota, lai pārvērstu virkni par veselu skaitli. Šī funkcija atgriež veselu bāzes skaitli, kas norādīts funkcijas parseInt() otrajā argumentā. Funkcija parseInt() atgriež Nan (nevis skaitli), ja virknē nav skaitļa. </span> </p>  <h3> <span>26. Paskaidrojiet, kā noteikt operētājsistēmu klienta datorā? </span> </h3> <p dir='ltr'> <span>Lai noteiktu operētājsistēmu klienta datorā, var vienkārši izmantot rekvizītu navigator.appVersion vai navigator.userAgent. Rekvizīts Navigator appVersion ir tikai lasāms rekvizīts, un tas atgriež virkni, kas apzīmē pārlūkprogrammas versijas informāciju. </span> </p>  <h3> <span>27. Kādi uznirstošo lodziņu veidi ir pieejami JavaScript? </span> </h3> <p dir='ltr'> <span>JavaScript ir pieejami trīs uznirstošo lodziņu veidi. </span> </p>  <ul> <li value='1'>   <b>  <strong>Brīdinājums </strong>  </b>   </li> <li value='2'>   <b>  <strong>Apstiprināt </strong>  </b>   </li> <li value='3'>   <b>  <strong>Pamudināt </strong>  </b>   </li> </ul> <h3> <span>28. Kāda ir atšķirība starp brīdinājuma lodziņu un apstiprinājuma lodziņu? </span> </h3> <p dir='ltr'> <span>Brīdinājuma lodziņā tiks parādīta tikai viena poga, kas ir poga Labi. To izmanto, lai informētu lietotāju par līguma piekrišanu. Bet apstiprinājuma lodziņā ir redzamas divas pogas OK un Cancel, kur lietotājs var izlemt, vai piekrīt vai nepiekrist. </span> </p>  <h3> <span>29. Kāds ir innerHTML lietošanas trūkums JavaScript? </span> </h3> <p dir='ltr'> <span>Lietošanai ir daudz trūkumu </span>  <span>innerHTML </span>  <span>JavaScript, jo saturs tiks aizstāts visur. Ja izmantojat +=, piemēram, innerHTML = innerHTML + 'html', vecais saturs joprojām tiek aizstāts ar HTML. Tas saglabā visiem DOM elementiem pievienotos notikumu apstrādātājus. </span> </p>  <h3> <span>30. Kāda ir tukšuma(0) izmantošana? </span> </h3> <p dir='ltr'> <span>The </span>  <a href='/what-does-javascript' rel='noreferrer noopener'> <span>tukšums (0) </span> </a>  <span>tiek izmantots, lai izsauktu citu metodi, neatsvaidzinot lapu izsaukšanas laikā, tiks nodots parametrs nulle. </span> </p>  <blockquote> <p dir='ltr'> <span>Lai uzzinātu vairāk, skatiet mūsu īpašo rakstu par </span>   <b>  <strong>Intermediate Javascript intervijas jautājumi </strong>  </b>   <span>. Iekšpusē jūs atklāsiet vairāk nekā 20 jautājumus ar detalizētām atbildēm. </span> </p>  </blockquote> <h2 id='javascript-interview-questions-for-experienced'> <span>JavaScript intervijas jautājumi pieredzējušiem </span> </h2> <h3> <span>31. </span>  <b>  <strong>Kas ir “Stingrais” režīms JavaScript un kā to iespējot? </strong>  </b>  </h3> <p dir='ltr'> <span>Stingrais režīms ir jauna ECMAScript 5 funkcija, kas ļauj ievietot programmu vai funkciju stingrā darbības kontekstā. Šis striktais konteksts neļauj veikt noteiktas darbības un rada vairāk izņēmumu. Paziņojums izmantot stingru norāda pārlūkprogrammai izmantot stingro režīmu, kas ir samazināta un drošāka JavaScript funkciju kopa. </span> </p>  <h3> <span>32. </span>  <b>  <strong>Kā iegūt izvēles rūtiņas statusu? </strong>  </b>  </h3> <p dir='ltr'> <span>DOM ievades izvēles rūtiņas rekvizīts tiek izmantots, lai iestatītu vai atgrieztu izvēles rūtiņas lauka atzīmēto statusu. Šis rekvizīts tiek izmantots, lai atspoguļotu atribūtu HTML Checked. </span> </p>  <pre>document.getElementById('GFG').checked; </pre> <p dir='ltr'> <span>Ja izvēles rūtiņa ir atzīmēta, tā atgriež True. </span> </p>  <h3> <span>33. </span>  <b>  <strong>Kā izskaidrot slēgšanu JavaScript un kad to izmantot? </strong>  </b>  </h3> <p dir='ltr'> <span>Slēgšana tiek izveidota, kad bērns darbojas, lai saglabātu vecāku darbības jomas vidi pat pēc tam, kad vecāka funkcija jau ir izpildīta. Slēgšana ir lokāli deklarēts mainīgais, kas saistīts ar funkciju. Slēgšana nodrošinās labāku koda kontroli, tos lietojot. </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>Kāda ir atšķirība starp call() un apply() metodēm? </strong>  </b>  </h3> <p dir='ltr'> <span>Abas metodes tiek izmantotas dažādās situācijās </span> </p>  <ul> <li value='1'>  <b>  <strong>call() metode: </strong>  </b>  <span>Tā izsauc metodi, kā argumentu ņemot īpašnieka objektu. Atslēgvārds tas attiecas uz funkcijas “īpašnieku” vai objektu, kuram tā pieder. Mēs varam izsaukt metodi, ko var izmantot dažādiem objektiem. </span> </li> <li value='2'>  <b>  <strong>pielietot() metode: </strong>  </b>  <span>Metode apply() tiek izmantota, lai rakstītu metodes, kuras var izmantot dažādos objektos. Tas atšķiras no funkcijas call(), jo tas ņem argumentus kā masīvu. </span> </li> </ul> <h3> <span>35. </span>  <b>  <strong>Kā atlasīt konkrētu kadru no JavaScript hipersaites? </strong>  </b>  </h3> <p dir='ltr'> <span>To var izdarīt, izmantojot </span>  <b>  <strong>mērķis </strong>  </b>  <span>atribūts hipersaitē. Patīk </span> </p>  <pre> New Page </pre> <h3> <span>36. </span>  <b>  <strong>Vai rakstīt JavaScript parādītās kļūdas? </strong>  </b>  </h3> <p dir='ltr'> <span>JavaScript ir trīs dažādi kļūdu veidi. </span> </p>  <ul> <li value='1'>  <b>  <strong>Sintakses kļūda: </strong>  </b>  <span>Sintakses kļūda ir kļūda sintakse rakstzīmju vai marķieru secībā, ko paredzēts rakstīt noteiktā programmēšanas valodā. </span> </li> <li value='2'>  <b>  <strong>Loģiskā kļūda: </strong>  </b>  <span>Tā ir visgrūtāk izsekojamā kļūda, jo tā ir kļūda kodēšanas loģiskajā daļā vai loģiskā kļūda ir kļūda programmā, kas izraisa nepareizu darbību un neparastu izbeigšanos. </span> </li> <li value='3'>  <b>  <strong>Izpildlaika kļūda: </strong>  </b>  <span>Izpildlaika kļūda ir kļūda, kas rodas programmas darbības laikā, ko sauc arī par izņēmumu. </span> </li> </ul> <h3> <span>37. </span>  <b>  <strong>Kāda ir atšķirība starp JavaScript un Jscript? </strong>  </b>  </h3> <p dir='ltr'>  <b>  <strong>JavaScript </strong>  </b>  </p>  <ul> <li value='1'> <span>Tā ir Netscape izstrādāta skriptu valoda. </span> </li> <li value='2'> <span>To izmanto, lai izstrādātu klienta un servera puses lietojumprogrammas. </span> </li> <li value='3'> <span>Tas ir pilnīgi neatkarīgs no Java valodas. </span> </li> </ul> <p dir='ltr'>  <b>  <strong>Jscript </strong>  </b>  </p>  <ul> <li value='1'> <span>Tā ir Microsoft izstrādāta skriptu valoda. </span> </li> <li value='2'> <span>To izmanto, lai izstrādātu aktīvu tiešsaistes saturu plašajam tīmeklim. </span> </li> </ul> <h3> <span>38. </span>  <b>  <strong>Ko dara </strong>  </b>  <span>  </span>  <i>  <b>  <strong>var myArray = [[]]; </strong>  </b>  </i>  <b>  <strong>paziņojums deklarē? </strong>  </b>  </h3> <p dir='ltr'> <span>Programmā JavaScript šis paziņojums tiek izmantots, lai deklarētu divdimensiju masīvu. </span> </p>  <h3>  <b>  <strong>39. Cik veidos JavaScript kodā var piekļūt HTML elementam? </strong>  </b>  </h3> <p dir='ltr'> <span>Ir četri iespējamie veidi, kā piekļūt HTML elementiem JavaScript: </span> </p>  <ul> <li value='1'>  <a href='/html-dom-getelementbyid-method'>  <b>  <strong>getElementById() metode: </strong>  </b>  </a>  <span>To izmanto, lai iegūtu elementu pēc tā id nosaukuma. </span> </li> <li value='2'>   <b>  <strong>getElementsByClass() metode: </strong>  </b>   <span>To izmanto, lai iegūtu visus elementus, kuriem ir dotais klases nosaukums. </span> </li> <li value='3'>   <b>  <strong>getElementsByTagName() metode: </strong>  </b>   <span>To izmanto, lai iegūtu visus elementus, kuriem ir dotais taga nosaukums. </span> </li> <li value='4'>   <b>  <strong>querySelector() metode: </strong>  </b>   <span>Šī funkcija izmanto CSS stila atlasītāju un atgriež pirmo atlasīto elementu. </span> </li> </ul> <h3>  <b>  <strong>40. Kāda ir atšķirība starp innerHTML un innerText? </strong>  </b>  </h3> <p dir='ltr'> <span>Rekvizīts innerText iestata vai atgriež teksta saturu kā norādītā mezgla vienkāršu tekstu un visus tā pēcnācējus, savukārt innerHTML rekvizīts elementos iestata vai atgriež vienkāršu tekstu vai HTML saturu. Atšķirībā no innerText, iekšējais HTML ļauj strādāt ar HTML bagātinātu tekstu un automātiski nekodē un atšifrē tekstu. </span> </p>  <h3>  <b>  <strong>41. Kas ir notikums, kas burbuļo JavaScript? </strong>  </b>  </h3> <p dir='ltr'> <span>Apsveriet situāciju, kad elements atrodas citā elementā, un abi apstrādā notikumu. Kad notikums notiek burbuļošanā, visdziļākais elements vispirms apstrādā notikumu, pēc tam ārējais un tā tālāk. </span> </p>  <blockquote> <p dir='ltr'> <span>Lai uzzinātu vairāk, skatiet mūsu īpašo rakstu par </span>   <b>  <strong>Uzlaboti Javascript intervijas jautājumi </strong>  </b>   <span>. Iekšpusē jūs atradīsit vairāk nekā 20 jautājumus ar detalizētām atbildēm. </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>
                                Kopīgot                              </h4>
                             
                              <div class="flex flex-wrap justify-center gap-3">
                                 <!-- Twitter -->
                                 <a href="https://twitter.com/intent/tweet?text=JavaScript intervijas jautājumi un atbildes&url=https://www.techcodeview.com/lv/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/lv/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/lv/javascript-interview-questions&title=JavaScript intervijas jautājumi un atbildes" 
                                   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 Varētu Patikt                     </h3>
                     <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                         <div class="group">
                              <a href="/lv/understanding-hypothesis-testing" 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/data-science/40/understanding-hypothesis-testing.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Izpratne par hipotēžu testēšanu" 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="/lv/understanding-hypothesis-testing">Izpratne par hipotēžu testēšanu </a>
                              </h4>
                         </div> <div class="group">
                              <a href="/lv/solving-cubic-equations" 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/maths-class-12/56/solving-cubic-equations.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kubisko vienādojumu risināšana" 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="/lv/solving-cubic-equations">Kubisko vienādojumu risināšana </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 Raksti             </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="/lv/what-are-ncaa-divisions-131390">
						 <img src="https://techcodeview.com/img/blog/92/what-are-ncaa-divisions.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kas ir NCAA nodaļas? 1. divīzija pret 2. pret 3" 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="/lv/what-are-ncaa-divisions-131390" class="hover:text-tech-500 transition-colors line-clamp-3">Kas ir NCAA nodaļas? 1. divīzija pret 2. pret 3 </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="/lv/boolean-algebra">
						 <img src="https://techcodeview.com/img/picked/37/boolean-algebra.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Būla algebra" 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="/lv/boolean-algebra" class="hover:text-tech-500 transition-colors line-clamp-3">Būla algebra </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="/lv/page-fault-handling-operating-system">
						 <img src="https://techcodeview.com/img/operating-system/91/page-fault-handling-operating-system.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Lapas kļūdu apstrāde operētājsistēmā" 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="/lv/page-fault-handling-operating-system" class="hover:text-tech-500 transition-colors line-clamp-3">Lapas kļūdu apstrāde operētājsistēmā </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="/lv/basics-numpy-arrays">
						 <img src="https://techcodeview.com/img/python-numpy/68/basics-numpy-arrays.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="NumPy masīvu pamati" 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="/lv/basics-numpy-arrays" class="hover:text-tech-500 transition-colors line-clamp-3">NumPy masīvu pamati </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="/lv/how-get-into-cornell-131344">
						 <img src="https://techcodeview.com/img/blog/08/how-get-into-cornell.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kā nokļūt Kornelā: 4 ekspertu padomi" 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="/lv/how-get-into-cornell-131344" class="hover:text-tech-500 transition-colors line-clamp-3">Kā nokļūt Kornelā: 4 ekspertu padomi </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="/lv/sat-cost-act-cost-1311052">
						 <img src="https://techcodeview.com/img/blog/14/sat-cost-act-cost.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="SAT izmaksas, ACT izmaksas un kā ietaupīt naudu" 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="/lv/sat-cost-act-cost-1311052" class="hover:text-tech-500 transition-colors line-clamp-3">SAT izmaksas, ACT izmaksas un kā ietaupīt naudu </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="/lv/complete-list-25-cuny-colleges-131254">
						 <img src="https://techcodeview.com/img/blog/44/complete-list-25-cuny-colleges.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Pilns 25 CUNY koledžu saraksts" 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="/lv/complete-list-25-cuny-colleges-131254" class="hover:text-tech-500 transition-colors line-clamp-3">Pilns 25 CUNY koledžu saraksts </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="/lv/129-great-examples-community-service-projects-131600">
						 <img src="https://techcodeview.com/img/blog/07/129-great-examples-community-service-projects.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="129 Lieliski sabiedrisko pakalpojumu projektu piemēri" 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="/lv/129-great-examples-community-service-projects-131600" class="hover:text-tech-500 transition-colors line-clamp-3">129 Lieliski sabiedrisko pakalpojumu projektu piemēri </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="/lv/full-adder">
						 <img src="https://techcodeview.com/img/digital-electronics/10/full-adder.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Pilns papildinātājs" 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="/lv/full-adder" class="hover:text-tech-500 transition-colors line-clamp-3">Pilns papildinātājs </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="/lv/devops-tools">
						 <img src="https://techcodeview.com/img/devops-tutorial/43/devops-tools.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="DevOps rīki" 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="/lv/devops-tools" class="hover:text-tech-500 transition-colors line-clamp-3">DevOps rīki </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="/lv/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">
                Emuārs
             </a> <a href="/lv/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 Konvertēšana
             </a> <a href="/lv/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">
                Matemātika
             </a> <a href="/lv/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 Kolekcijas
             </a> <a href="/lv/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">
                Atšķirības
             </a> <a href="/lv/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 Virkne
             </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">Interesanti Raksti </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/cucumber-testing/86/cucumber-testing.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Gurķu pārbaude" 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="/lv/cucumber-testing/">Gurķu Pārbaude </a> </div>
						 <h4 class="text-sm font-bold text-white leading-tight"> <a href="/lv/cucumber-testing">Gurķu pārbaude </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/chemistry-class-10/17/rusting-iron-explanation.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Dzelzs rūsēšana – skaidrojums, ķīmiskā reakcija, profilakse" 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="/lv/chemistry-class-10-cat/">Ķīmija-10. Klase </a> </div>
						 <h4 class="text-sm font-bold text-white leading-tight"> <a href="/lv/rusting-iron-explanation">Dzelzs rūsēšana – skaidrojums, ķīmiskā reakcija, profilakse </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/linux-tutorial/60/update-firefox-ubuntu.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Atjauniniet Firefox Ubuntu" 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="/lv/linux-tutorial/">Linux Apmācība </a> </div>
						 <h4 class="text-sm font-bold text-white leading-tight"> <a href="/lv/update-firefox-ubuntu">Atjauniniet Firefox Ubuntu </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/bash-script/04/bash-scripting-case-statement.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Bash skriptēšana — lietas apraksts" 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="/lv/bash-script/">Bash-Script </a> </div>
						 <h4 class="text-sm font-bold text-white leading-tight"> <a href="/lv/bash-scripting-case-statement">Bash skriptēšana — lietas apraksts </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/blog/94/capricorn-moon-sign-what-you-should-know.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Mežāža mēness zīme: kas jums jāzina" 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="/lv/blog/">Emuārs </a> </div>
						 <h4 class="text-sm font-bold text-white leading-tight"> <a href="/lv/capricorn-moon-sign-what-you-should-know-131756">Mežāža mēness zīme: kas jums jāzina </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/geeks-premier-league-2023/37/how-unzip-gz-file.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kā izpakot (atvērt) Gz failu" 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="/lv/geeks-premier-league-2023-cat/">Geeks Premjerlīga 2023 </a> </div>
						 <h4 class="text-sm font-bold text-white leading-tight"> <a href="/lv/how-unzip-gz-file">Kā izpakot (atvērt) Gz failu </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 Visas Tiesības Aizsargātas | 
                 <a href="//www.techcodeview.com/ro/">techcodeview.com </a> | 
                 <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Atruna </a> | 
                 <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">Par Mums </a> | 
                 <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Privātuma 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>