Otázky a odpovede na rozhovor s JavaScriptom
JavaScript (JS) je najobľúbenejší ľahký skriptovací a kompilovaný programovací jazyk. Bol vyvinutý spoločnosťou Brendan Eich v roku 1995 . Je známy ako skriptovací jazyk pre webové stránky, mobilné aplikácie, webové servery a mnoho ďalších. Je to dôležitý jazyk pre začínajúcich vývojárov front-endu a back-endu. niektoré pracovné pozície vyžadujú, aby jednotlivci ovládali JavaScript. Používajú ho špičkové IT spoločnosti ako napr Evernote, LinkedIn, Microsoft, Opera, NASA , a Meta kvôli jeho DOM manipulácii, asynchrónnemu JavaScriptu, spracovaniu chýb a JavaScriptovým rámcom, v ktorých sa môže použiť. Takže, aby ste sa dostali do týchto spoločností, musíte ich dokončiť Najčastejšie otázky na pohovor v JavaScripte vďaka čomu môžete pred personalistami pôsobiť ako expert.
V tomto článku vám poskytneme Hore Otázky a odpovede na rozhovory v JavaScripte na mieru pre oboch osviežovače a skúsený profesionálov s 3, 5 a 8 ročnou praxou. Tu pokrývame všetko, vrátane Základné koncepty JavaScriptu , funkcie ES6+, manipulácia s DOM, asynchrónny JavaScript, spracovanie chýb, rámce a knižnice JavaScriptu a ďalšie, ktoré vám určite pomôžu prelomiť váš ďalší rozhovor s JavaScriptom.
Otázky a odpovede na rozhovor s JavaScriptom (2024)
Aby ste boli pripravení na rozhovor, priniesli sme Top 50 otázok na pohovor v JavaScripte začiatočník, mierne pokročilý a skúsený ktorým musíte určite prejsť, aby ste sa umiestnili na popredných miestach nadnárodných spoločností.
Pred pokračovaním v učení Otázky a odpovede na rozhovory v JavaScripte , najprv sa naučíme komplet Výukový program JavaScript .
Obsah
- Otázky na pohovor s JavaScriptom pre začiatočníkov
- Otázky na pohovor v jazyku JavaScript
- Otázky na pohovor s JavaScriptom pre skúsených
Otázky na pohovor s JavaScriptom pre začiatočníkov
Poďme diskutovať o bežných otázkach, ktoré by ste si mali pripraviť na pohovor. Tieto otázky budú užitočné pri objasňovaní rozhovorov špeciálne pre rolu frontendového vývoja.
1. Aké sú rozdiely medzi Java a JavaScript?
JavaScript je skriptovací jazyk na strane klienta a Java je objektovo orientovaný programovací jazyk. Obaja sú od seba úplne odlišní.
- JavaScript : Je to odľahčený programovací jazyk (skriptovací jazyk) na vývoj interaktívnych webových stránok. Dokáže vložiť dynamický text do prvkov HTML. JavaScript je tiež známy ako jazyk prehliadača.
- Java : Java je jedným z najpopulárnejších programovacích jazykov. Je to objektovo orientovaný programovací jazyk a má platformu virtuálnych strojov, ktorá vám umožňuje vytvárať kompilované programy, ktoré bežia na takmer každej platforme. Java sľúbila, napíš raz, spusti kdekoľvek.
2. Čo sú to typy údajov JavaScript?
V JavaScripte existujú tri hlavné typy údajov.
- Primitívne
- čísla
- Struny
- Boolean
- Symbol
- Triviálne
- Nedefinované
- Nulový
- Kompozitný
- Objekty
- Funkcie
- Polia
3. Ktorý symbol sa používa pre komentáre v JavaScripte?
Komentáre zabraňujú vykonaniu príkazov. Komentáre sú ignorované, kým kompilátor vykonáva kód. Existujú dva typy symbolov, ktoré reprezentujú komentáre v JavaScripte:
- Dvojitá lomka: Je známy ako jednoriadkový komentár.
// Single line comment
- Lomka s hviezdičkou: Je známy ako viacriadkový komentár.
/* Multi-line comments ... */
4. Aký by bol výsledok 3+2+7″?
Tu sa 3 a 2 správajú ako celé číslo a 7 ako reťazec. Takže 3 plus 2 bude 5. Potom bude výstup 5+7″ = 57.
5. Aké je použitie funkcie isNaN?
Funkcia number isNan určuje, či odovzdaná hodnota je NaN (nie je číslo) a je typu Number. V JavaScripte sa hodnota NaN považuje za typ čísla. Ak argument nie je číslo, vráti hodnotu true, inak vráti hodnotu false.
6. Čo je rýchlejšie v JavaScripte a ASP skripte?
JavaScript je rýchlejší v porovnaní s ASP Script. JavaScript je skriptovací jazyk na strane klienta a jeho spustenie nezávisí od servera. Skript ASP je skriptovací jazyk na strane servera, ktorý je vždy závislý od servera.
7. Čo je záporné nekonečno?
Záporné nekonečno je konštantná hodnota, ktorá predstavuje najnižšiu dostupnú hodnotu. To znamená, že žiadne iné číslo nie je menšie ako táto hodnota. Môže sa vygenerovať pomocou vlastnej funkcie alebo aritmetickej operácie. JavaScript zobrazuje hodnotu NEGATIVE_INFINITY ako -nekonečno.
8. Je možné rozdeliť kód JavaScript na niekoľko riadkov?
Áno, kód JavaScript je možné rozdeliť do niekoľkých riadkov v príkaze reťazca. Dá sa rozbiť pomocou spätná lomka „“ .
Napríklad:
document.write('A Online Computer Science Portal for Geeks') Riadku prelomenia kódu sa vyhýba JavaScript, čo nie je vhodné.
let gfg= 10, GFG = 5, Geeks = gfg + GFG;
9. Ktorá spoločnosť vyvinula JavaScript?
Netscape vyvinul JavaScript a vytvoril ho Brenden Eich v roku 1995.
10. Čo sú nedeklarované a nedefinované premenné?
- Nedefinované : Vyskytuje sa, keď je premenná deklarovaná a nepriraďuje žiadnu hodnotu. Nedefinované nie je kľúčové slovo.
- Nedeklarovaný : Vyskytuje sa, keď sa pokúšame získať prístup k akejkoľvek premennej, ktorá nie je inicializovaná alebo deklarovaná skôr pomocou kľúčového slova var alebo const. Ak použijeme operátor „typeof“. aby sme získali hodnotu nedeklarovanej premennej, budeme čeliť chybe behu s návratovou hodnotou ako nedefinovanou. Rozsah nedeklarovaných premenných je vždy globálny.
jedenásť. Napíšte kód JavaScript na dynamické pridávanie nových prvkov.
html Názov dokumentu> hlava> <body> <button onclick='create()'>Kliknite tu! tlačidlo> <script>function create() { let geeks = document.createElement('geeks'); geeks.textContent = 'Geeksforgeeks'; geeks.setAttribute('trieda', 'poznámka'); document.body.appendChild(geeks); } skript> telo> html> </pre> </code> <h3> <span>12. </span> <b> <strong>Čo sú globálne premenné? Ako sú tieto premenné deklarované a aké problémy sú s nimi spojené? </strong> </b> </h3> <p dir='ltr'> <span>Naproti tomu globálne premenné sú premenné, ktoré definujú mimo funkcií. Tieto premenné majú globálny rozsah, takže ich môže použiť akákoľvek funkcia bez toho, aby ich funkcii odovzdala ako parametre. </span> </p> <p dir='ltr'> <b> <strong>Príklad: </strong> </b> <span> </span> </p>javascript <code> <pre>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>Je ťažké ladiť a testovať kód, ktorý sa spolieha na globálne premenné. </span> </p> <h3> <span>13. </span> <b> <strong>Čo máte na mysli pod pojmom NULL v JavaScripte? </strong> </b> </h3> <p dir='ltr'> <span>Hodnota NULL predstavuje, že žiadna hodnota alebo žiadny objekt. Je známy ako prázdna hodnota/objekt. </span> </p> <h3> <span>14. </span> <b> <strong>Ako odstrániť hodnoty špecifické pre vlastnosť? </strong> </b> </h3> <p dir='ltr'> <span> </span> <span>The </span> <b> <strong>odstrániť kľúčové slovo </strong> </b> <span>vymaže celú vlastnosť a všetky hodnoty naraz like </span> </p> <pre>let gfg={Course: 'DSA', Duration:30}; delete gfg.Course; </pre> <h3> <span>pätnásť. </span> <b> <strong>Čo je to prompt box? </strong> </b> </h3> <p dir='ltr'> <span>Okno výzvy je dialógové okno s voliteľnou správou, ktorá používateľa vyzve na zadanie nejakého textu. Často sa používa, ak chce používateľ zadať hodnotu pred vstupom na stránku. Vráti reťazec obsahujúci text zadaný používateľom alebo null. </span> </p> <h3> <span>16. </span> <b> <strong>Čo je kľúčové slovo „toto“ v jazyku JavaScript? </strong> </b> </h3> <p dir='ltr'> <span>Funkcie v JavaScripte sú základné objekty. Podobne ako objekty ho možno priradiť k premenným, odovzdať iným funkciám a vrátiť sa z funkcií. A podobne ako predmety, majú svoje vlastné vlastnosti. „toto“ ukladá aktuálny kontext vykonávania programu JavaScript. Keď sa teda použije vo vnútri funkcie, hodnota „toto“ sa zmení v závislosti od toho, ako je funkcia definovaná, ako je vyvolaná a od predvoleného kontextu vykonávania. </span> </p> <h3> <span>17. </span> <b> <strong>Vysvetlite fungovanie časovačov v JavaScripte. Tiež objasnite nevýhody používania časovača, ak nejaké existujú. </strong> </b> </h3> <p dir='ltr'> <span>Časovač spustí určitý špecifický kód v konkrétnom čase alebo akékoľvek malé množstvo kódu pri opakovaní, aby ste mohli použiť funkcie </span> <b> <strong>setTimout </strong> </b> <span>, </span> <b> <strong>setInterval, </strong> </b> <span> </span> <span>a </span> <b> <strong>clearInterval </strong> </b> <span>. Ak kód JavaScript nastaví časovač na 2 minúty a po uplynutí času sa na stránke zobrazí výstražná správa, čas uplynie. The </span> <b> <strong>setTimeout() </strong> </b> <span>metóda volá funkciu alebo vyhodnocuje výraz po zadanom počte milisekúnd. </span> </p> <h3> <span>18. </span> <b> <strong>Aký je rozdiel medzi ViewState a SessionState? </strong> </b> </h3> <ul> <li value='1'> <b> <strong>ViewState: </strong> </b> <span>Je špecifický pre jednu stránku v relácii. </span> </li> <li value='2'> <b> <strong>Stav relácie: </strong> </b> <span>Prístup ku všetkým údajom na webových stránkach je špecifický pre používateľa. </span> </li> </ul> <h3> <span>19. </span> <b> <strong>Ako odoslať formulár pomocou JavaScriptu? </strong> </b> </h3> <p dir='ltr'> <span>Môžeš použiť </span> <b> <strong>document.form[0].submit() </strong> </b> <span> </span> <span>spôsob odoslania formulára v JavaScripte. </span> </p> <h3> <span>dvadsať. </span> <b> <strong>Podporuje JavaScript automatickú konverziu typov? </strong> </b> <span> </span> </h3> <p dir='ltr'> <span>Áno, JavaScript podporuje automatickú konverziu typov. </span> </p> <h2 id='javascript-intermediate-interview-questions'> <span>Otázky na pohovor v jazyku JavaScript </span> </h2> <h3> <span>21. Aké sú všetky slučkové štruktúry v JavaScripte? </span> </h3> <ul> <li value='1'> <b> <strong>pričom slučka </strong> </b> <b> <strong>: </strong> </b> <span>Slučka while je príkaz riadiaceho toku, ktorý umožňuje opakované vykonávanie kódu na základe danej booleovskej podmienky. Cyklus while si možno predstaviť ako opakovaný príkaz if. </span> </li> <li value='2'> <a href='/javascript-loop'> <b> <strong>pre slučku </strong> </b> </a> <b> <strong>: </strong> </b> <span>Slučka for poskytuje stručný spôsob písania štruktúry slučky. Na rozdiel od cyklu while, príkaz for spotrebuje inicializáciu, podmienku a prírastok/zníženie v jednom riadku, čím poskytuje kratšiu, ľahko laditeľnú štruktúru cyklovania. </span> </li> <li value='3'> <b> <strong>robiť, kým </strong> </b> <b> <strong>: </strong> </b> <span>Cyklus do-while je podobný cyklu while s jediným rozdielom, že kontroluje stav po vykonaní príkazov, a preto je príkladom Exit Control Loop. </span> </li> </ul> <h3> <span>22. Ako možno zmeniť štýl/triedu prvku? </span> </h3> <p dir='ltr'> <span>Ak chcete zmeniť štýl/triedu prvku, existujú dva možné spôsoby. Používame </span> <a href='/html-dom-getelementbyid-method'> <span>document.getElementByID metóda </span> </a> </p> <pre>document.getElementById('myText').style.fontSize = '16px; </pre> <pre>document.getElementById('myText').className = 'class'; </pre> <h3> <span>23. Vysvetlite, ako čítať a zapisovať súbor pomocou JavaScriptu? </span> </h3> <ul> <li value='1'> <span>The </span> <b> <strong>readFile() </strong> </b> <span>funkcie sa používajú na operáciu čítania. </span> </li> </ul> <pre>readFile( Path, Options, Callback) </pre> <ul> <li value='1'> <span>The </span> <b> <strong>writeFile() </strong> </b> <span>funkcie sa používajú na operáciu zápisu. </span> </li> </ul> <pre>writeFile( Path, Data, Callback) </pre> <h3> <span>24. Čo sa nazýva premenné písanie v JavaScripte? </span> </h3> <p dir='ltr'> <span>The </span> <b> <strong>premenné typovanie </strong> </b> <span>je typ premennej, ktorá sa používa na uloženie čísla a používa rovnakú premennú na priradenie reťazca. </span> </p> <pre>Geeks = 42; Geeks = 'techcodeview.com'; </pre> <h3> <span>25. Ako previesť reťazec ľubovoľného základu na celé číslo v JavaScripte? </span> </h3> <p dir='ltr'> <span>V JavaScripte sa funkcia parseInt() používa na konverziu reťazca na celé číslo. Táto funkcia vracia celé číslo základu, ktoré je špecifikované v druhom argumente funkcie parseInt(). Funkcia parseInt() vráti Nan (nie číslo), keď reťazec neobsahuje číslo. </span> </p> <h3> <span>26. Vysvetlite, ako zistiť operačný systém na klientskom počítači? </span> </h3> <p dir='ltr'> <span>Na zistenie operačného systému na klientskom počítači môžete jednoducho použiť vlastnosť navigator.appVersion alebo navigator.userAgent. Vlastnosť Navigator appVersion je vlastnosť iba na čítanie a vracia reťazec, ktorý predstavuje informácie o verzii prehliadača. </span> </p> <h3> <span>27. Aké typy kontextových okien sú dostupné v JavaScripte? </span> </h3> <p dir='ltr'> <span>V JavaScripte sú k dispozícii tri typy pop boxov. </span> </p> <ul> <li value='1'> <b> <strong>Upozornenie </strong> </b> </li> <li value='2'> <b> <strong>Potvrďte </strong> </b> </li> <li value='3'> <b> <strong>Prompt </strong> </b> </li> </ul> <h3> <span>28. Aký je rozdiel medzi okienkom s upozornením a okienkom s potvrdením? </span> </h3> <p dir='ltr'> <span>Výstražné pole zobrazí iba jedno tlačidlo, ktorým je tlačidlo OK. Používa sa na informovanie používateľa o dohode, ktorú musí odsúhlasiť. V poli Potvrdenie sa však zobrazujú dve tlačidlá OK a Zrušiť, kde sa používateľ môže rozhodnúť, či súhlasí alebo nie. </span> </p> <h3> <span>29. Aká je nevýhoda používania innerHTML v JavaScripte? </span> </h3> <p dir='ltr'> <span>Existuje veľa nevýhod používania </span> <span>innerHTML </span> <span>v JavaScripte, pretože obsah všade nahradí. Ak použijete += ako innerHTML = innerHTML + „html“, starý obsah sa nahradí HTML. Zachováva obslužné rutiny udalostí pripojené k akýmkoľvek prvkom DOM. </span> </p> <h3> <span>30. Na čo slúži void(0)? </span> </h3> <p dir='ltr'> <span>The </span> <a href='/what-does-javascript' rel='noreferrer noopener'> <span>void(0) </span> </a> <span>sa používa na volanie inej metódy bez obnovenia stránky počas volania parametra nula prejde. </span> </p> <blockquote> <p dir='ltr'> <span>Ďalšie informácie nájdete v našom špeciálnom článku o </span> <b> <strong>Otázky na pohovor Javascript pre stredne pokročilých </strong> </b> <span>. Vnútri nájdete viac ako 20 otázok s podrobnými odpoveďami. </span> </p> </blockquote> <h2 id='javascript-interview-questions-for-experienced'> <span>Otázky na pohovor s JavaScriptom pre skúsených </span> </h2> <h3> <span>31. </span> <b> <strong>Čo je to „prísny“ režim v JavaScripte a ako ho možno povoliť? </strong> </b> </h3> <p dir='ltr'> <span>Strict Mode je nová funkcia v ECMAScript 5, ktorá vám umožňuje umiestniť program alebo funkciu do prísneho prevádzkového kontextu. Tento prísny kontext bráni vykonaniu určitých akcií a vyvoláva ďalšie výnimky. Príkaz use strict inštruuje prehliadač, aby použil prísny režim, čo je obmedzená a bezpečnejšia sada funkcií JavaScriptu. </span> </p> <h3> <span>32. </span> <b> <strong>Ako získať stav CheckBoxu? </strong> </b> </h3> <p dir='ltr'> <span>Vlastnosť začiarkavacieho políčka vstupu DOM sa používa na nastavenie alebo vrátenie začiarknutého stavu začiarkavacieho políčka. Táto vlastnosť sa používa na vyjadrenie atribútu HTML Checked. </span> </p> <pre>document.getElementById('GFG').checked; </pre> <p dir='ltr'> <span>Ak je začiarknuté políčko CheckBox, vráti hodnotu True. </span> </p> <h3> <span>33. </span> <b> <strong>Ako vysvetliť uzávery v JavaScripte a kedy ho použiť? </strong> </b> </h3> <p dir='ltr'> <span>Uzavretie sa vytvorí, keď potomok funguje tak, aby zachoval prostredie rozsahu rodiča aj po vykonaní funkcie rodiča. Closure je lokálne deklarovaná premenná súvisiaca s funkciou. Uzáver poskytne lepšiu kontrolu nad kódom pri ich používaní. </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>Aký je rozdiel medzi metódami call() a apply()? </strong> </b> </h3> <p dir='ltr'> <span>Obe metódy sa používajú v inej situácii </span> </p> <ul> <li value='1'> <b> <strong>Call() metóda: </strong> </b> <span>Zavolá metódu, pričom ako argument berie objekt vlastníka. Kľúčové slovo this odkazuje na „vlastníka“ funkcie alebo objektu, ku ktorému patrí. Môžeme zavolať metódu, ktorá sa dá použiť na rôzne objekty. </span> </li> <li value='2'> <b> <strong>Apply() Metóda: </strong> </b> <span>Metóda apply() sa používa na zápis metód, ktoré možno použiť na rôznych objektoch. Odlišuje sa od funkcie call(), pretože berie argumenty ako pole. </span> </li> </ul> <h3> <span>35. </span> <b> <strong>Ako zacieliť na konkrétny rámec z hypertextového odkazu v JavaScripte? </strong> </b> </h3> <p dir='ltr'> <span>To možno vykonať pomocou </span> <b> <strong>cieľ </strong> </b> <span>atribút v hypertextovom odkaze. Páči sa mi to </span> </p> <pre> New Page </pre> <h3> <span>36. </span> <b> <strong>Napísať chyby zobrazené v JavaScripte? </strong> </b> </h3> <p dir='ltr'> <span>V JavaScripte existujú tri rôzne typy chýb. </span> </p> <ul> <li value='1'> <b> <strong>Chyba syntaxe: </strong> </b> <span>Syntaktická chyba je chyba v syntaxi postupnosti znakov alebo symbolov, ktoré sú určené na napísanie v určitom programovacom jazyku. </span> </li> <li value='2'> <b> <strong>Logická chyba: </strong> </b> <span>Je to najťažšia chyba, ktorá sa dá vysledovať, pretože ide o chybu v logickej časti kódovania alebo logická chyba je chyba v programe, ktorá spôsobuje nesprávne fungovanie a abnormálne ukončenie. </span> </li> <li value='3'> <b> <strong>Chyba spustenia: </strong> </b> <span>Runtime error je chyba, ktorá sa vyskytuje počas behu programu, známa aj ako výnimka. </span> </li> </ul> <h3> <span>37. </span> <b> <strong>Aký je rozdiel medzi JavaScriptom a Jscriptom? </strong> </b> </h3> <p dir='ltr'> <b> <strong>JavaScript </strong> </b> </p> <ul> <li value='1'> <span>Je to skriptovací jazyk vyvinutý spoločnosťou Netscape. </span> </li> <li value='2'> <span>Používa sa na navrhovanie aplikácií na strane klienta a servera. </span> </li> <li value='3'> <span>Je úplne nezávislý od jazyka Java. </span> </li> </ul> <p dir='ltr'> <b> <strong>Jscript </strong> </b> </p> <ul> <li value='1'> <span>Je to skriptovací jazyk vyvinutý spoločnosťou Microsoft. </span> </li> <li value='2'> <span>Používa sa na navrhovanie aktívneho online obsahu pre slovo wide Web. </span> </li> </ul> <h3> <span>38. </span> <b> <strong>Čo robí </strong> </b> <span> </span> <i> <b> <strong>var myArray = [[]]; </strong> </b> </i> <b> <strong>vyhlásenie vyhlasuje? </strong> </b> </h3> <p dir='ltr'> <span>V JavaScripte sa tento príkaz používa na deklaráciu dvojrozmerného poľa. </span> </p> <h3> <b> <strong>39. Koľkými spôsobmi je možné pristupovať k prvku HTML v kóde JavaScript? </strong> </b> </h3> <p dir='ltr'> <span>Existujú štyri možné spôsoby prístupu k prvkom HTML v JavaScripte: </span> </p> <ul> <li value='1'> <a href='/html-dom-getelementbyid-method'> <b> <strong>getElementById() metóda: </strong> </b> </a> <span>Používa sa na získanie prvku podľa jeho id názvu. </span> </li> <li value='2'> <b> <strong>getElementsByClass() metóda: </strong> </b> <span>Používa sa na získanie všetkých prvkov, ktoré majú daný názov triedy. </span> </li> <li value='3'> <b> <strong>getElementsByTagName() metóda: </strong> </b> <span>Používa sa na získanie všetkých prvkov, ktoré majú daný názov značky. </span> </li> <li value='4'> <b> <strong>querySelector() metóda: </strong> </b> <span>Táto funkcia používa selektor štýlu CSS a vracia prvý vybraný prvok. </span> </li> </ul> <h3> <b> <strong>40. Aký je rozdiel medzi innerHTML a innerText? </strong> </b> </h3> <p dir='ltr'> <span>Vlastnosť innerText nastavuje alebo vracia textový obsah ako obyčajný text zadaného uzla a všetkých jeho potomkov, zatiaľ čo vlastnosť innerHTML nastavuje alebo vracia obyčajný text alebo obsah HTML v prvkoch. Na rozdiel od innerText vám vnútorné HTML umožňuje pracovať s formátovaným textom HTML a automaticky nekóduje a nedekóduje text. </span> </p> <h3> <b> <strong>41. Čo je to bublajúca udalosť v JavaScripte? </strong> </b> </h3> <p dir='ltr'> <span>Uvažujme o situácii, že prvok je prítomný v inom prvku a obidva spracujú udalosť. Keď sa udalosť vyskytne v prebublávaní, najskôr ju spracuje najvnútornejší prvok, potom vonkajší atď. </span> </p> <blockquote> <p dir='ltr'> <span>Ďalšie informácie nájdete v našom špeciálnom článku o </span> <b> <strong>Pokročilé otázky na pohovor Javascript </strong> </b> <span>. Vnútri nájdete viac ako 20 otázok s podrobnými odpoveďami. </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>
Zdieľať </h4>
<div class="flex flex-wrap justify-center gap-3">
<!-- Twitter -->
<a href="https://twitter.com/intent/tweet?text=Otázky a odpovede na rozhovor s JavaScriptom&url=https://www.techcodeview.com/sk/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/sk/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/sk/javascript-interview-questions&title=Otázky a odpovede na rozhovor s JavaScriptom"
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">
Mohlo By Sa Vám Páčiť </h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="group">
<a href="/sk/interdisciplinary-studies-131848" 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/98/interdisciplinary-studies.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Interdisciplinárne štúdie: čo to je? Mali by ste získať titul?" 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="/sk/interdisciplinary-studies-131848">Interdisciplinárne štúdie: čo to je? Mali by ste získať titul? </a>
</h4>
</div> <div class="group">
<a href="/sk/what-is-perfect-square-131354" 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/25/what-is-perfect-square.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Čo je dokonalý štvorec?" 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="/sk/what-is-perfect-square-131354">Čo je dokonalý štvorec? </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>
Najlepšie Články </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="/sk/ubuntu-disable-firewall">
<img src="https://techcodeview.com/img/picked/44/ubuntu-disable-firewall.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Ubuntu Zakázať bránu firewall" 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="/sk/ubuntu-disable-firewall" class="hover:text-tech-500 transition-colors line-clamp-3">Ubuntu Zakázať bránu firewall </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="/sk/what-is-research-science-institute-131780">
<img src="https://techcodeview.com/img/blog/79/what-is-research-science-institute.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Čo je Výskumný vedecký ústav? Ako sa dostanete?" 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="/sk/what-is-research-science-institute-131780" class="hover:text-tech-500 transition-colors line-clamp-3">Čo je Výskumný vedecký ústav? Ako sa dostanete? </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="/sk/how-add-subtract-fractions-1311532">
<img src="https://techcodeview.com/img/blog/30/how-add-subtract-fractions.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Ako sčítať a odčítať zlomky: 3 jednoduché kroky" 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="/sk/how-add-subtract-fractions-1311532" class="hover:text-tech-500 transition-colors line-clamp-3">Ako sčítať a odčítať zlomky: 3 jednoduché kroky </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="/sk/is-forensic-psychology-right-career-1311634">
<img src="https://techcodeview.com/img/blog/80/is-forensic-psychology-right-career.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Je forenzná psychológia tou správnou kariérou pre vás?" 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="/sk/is-forensic-psychology-right-career-1311634" class="hover:text-tech-500 transition-colors line-clamp-3">Je forenzná psychológia tou správnou kariérou pre vás? </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="/sk/php-if-else">
<img src="https://techcodeview.com/img/php-tutorial/36/php-if-else.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="PHP Ak inak" 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="/sk/php-if-else" class="hover:text-tech-500 transition-colors line-clamp-3">PHP Ak inak </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="/sk/what-are-easiest-colleges-get-into-1311624">
<img src="https://techcodeview.com/img/blog/08/what-are-easiest-colleges-get-into.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Na aké vysoké školy sa dá najľahšie dostať? Zoznam 100+ škôl" 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="/sk/what-are-easiest-colleges-get-into-1311624" class="hover:text-tech-500 transition-colors line-clamp-3">Na aké vysoké školy sa dá najľahšie dostať? Zoznam 100+ škôl </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="/sk/whats-brown-plme-acceptance-rate-131578">
<img src="https://techcodeview.com/img/blog/34/whats-brown-plme-acceptance-rate.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Čo je Brown PLME? Miera prijatia, požiadavky a ako sa dostať dovnútra" 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="/sk/whats-brown-plme-acceptance-rate-131578" class="hover:text-tech-500 transition-colors line-clamp-3">Čo je Brown PLME? Miera prijatia, požiadavky a ako sa dostať dovnútra </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="/sk/java-database-connectivity-with-5-steps">
<img src="https://techcodeview.com/img/java-jdbc/36/java-database-connectivity-with-5-steps.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Pripojenie k databáze Java v 5 krokoch" 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="/sk/java-database-connectivity-with-5-steps" class="hover:text-tech-500 transition-colors line-clamp-3">Pripojenie k databáze Java v 5 krokoch </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="/sk/max-heap-java">
<img src="https://techcodeview.com/img/java-priority-queue/15/max-heap-java.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Max Heap v Jave" 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="/sk/max-heap-java" class="hover:text-tech-500 transition-colors line-clamp-3">Max Heap v Jave </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="/sk/what-is-ps-2">
<img src="https://techcodeview.com/img/computer/10/what-is-ps-2.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Čo je PS/2?" 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="/sk/what-is-ps-2" class="hover:text-tech-500 transition-colors line-clamp-3">Čo je PS/2? </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">Kategórie </h2>
</div>
<div class="flex flex-wrap gap-2">
<a href="/sk/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">
Blog
</a> <a href="/sk/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">
Konverzia Java
</a> <a href="/sk/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="/sk/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">
Kolekcie Java
</a> <a href="/sk/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">
Rozdiely
</a> <a href="/sk/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 Reťazec
</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">Zaujímavé Články </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/operating-system/91/page-fault-handling-operating-system.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Riešenie chýb stránky v operačnom systéme" 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="/sk/operating-system/">Operačný Systém </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/sk/page-fault-handling-operating-system">Riešenie chýb stránky v operačnom systéme </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/17/what-is-bios.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Čo je BIOS?" 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="/sk/computer/">Počítač </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/sk/what-is-bios">Čo je BIOS? </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/04/psat-sat-scores-does-one-predict-other.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Skóre PSAT na SAT: Predpovedá jedno druhé? Čo je dobré skóre PSAT?" 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="/sk/blog/">Blog </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/sk/psat-sat-scores-does-one-predict-other-1311602">Skóre PSAT na SAT: Predpovedá jedno druhé? Čo je dobré skóre PSAT? </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/32/how-many-zeros-googol.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Koľko núl v Googol? Googolplex?" 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="/sk/blog/">Blog </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/sk/how-many-zeros-googol-131588">Koľko núl v Googol? Googolplex? </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/java-tutorial/65/java-generate-uuid.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Java Generovanie UUID" 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="/sk/java-tutorial/">Výukový Program Java </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/sk/java-generate-uuid">Java Generovanie UUID </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/java-tutorial/06/huffman-coding-java.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Huffman kódovanie Java" 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="/sk/java-tutorial/">Výukový Program Java </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/sk/huffman-coding-java">Huffman kódovanie Java </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 Všetky Práva Vyhradené |
<a href="//www.techcodeview.com/lt/">techcodeview.com </a> |
<a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Odmietnutie Zodpovednosti </a> |
<a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">O Nás </a> |
<a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Zásady Ochrany Osobných Údajov </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>