(function(e){function o(o){for(var t,i,s=o[0],c=o[1],u=o[2],v=0,d=[];v<s.length;v++)i=s[v],Object.prototype.hasOwnProperty.call(r,i)&&r[i]&&d.push(r[i][0]),r[i]=0;for(t in c)Object.prototype.hasOwnProperty.call(c,t)&&(e[t]=c[t]);l&&l(o);while(d.length)d.shift()();return n.push.apply(n,u||[]),a()}function a(){for(var e,o=0;o<n.length;o++){for(var a=n[o],t=!0,s=1;s<a.length;s++){var c=a[s];0!==r[c]&&(t=!1)}t&&(n.splice(o--,1),e=i(i.s=a[0]))}return e}var t={},r={app:0},n=[];function i(o){if(t[o])return t[o].exports;var a=t[o]={i:o,l:!1,exports:{}};return e[o].call(a.exports,a,a.exports,i),a.l=!0,a.exports}i.m=e,i.c=t,i.d=function(e,o,a){i.o(e,o)||Object.defineProperty(e,o,{enumerable:!0,get:a})},i.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,o){if(1&o&&(e=i(e)),8&o)return e;if(4&o&&"object"===typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(i.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&o&&"string"!=typeof e)for(var t in e)i.d(a,t,function(o){return e[o]}.bind(null,t));return a},i.n=function(e){var o=e&&e.__esModule?function(){return e["default"]}:function(){return e};return i.d(o,"a",o),o},i.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},i.p="/";var s=window["webpackJsonp"]=window["webpackJsonp"]||[],c=s.push.bind(s);s.push=o,s=s.slice();for(var u=0;u<s.length;u++)o(s[u]);var l=c;n.push([0,"chunk-vendors"]),a()})({0:function(e,o,a){e.exports=a("56d7")},"0d54":function(e,o,a){"use strict";a("f19d")},"455a":function(e,o,a){"use strict";a("b57d")},4739:function(e,o,a){"use strict";a("49e1")},"49e1":function(e,o,a){},"511f":function(e,o,a){"use strict";a("fcf9")},"56d7":function(e,o,a){"use strict";a.r(o);a("e260"),a("e6cf"),a("cca6"),a("a79d"),a("b0c0");var t=a("7a23");function r(e,o,a,r,n,i){var s=Object(t["q"])("NavBar"),c=Object(t["q"])("Header"),u=Object(t["q"])("Router"),l=Object(t["q"])("Footer");return Object(t["l"])(),Object(t["f"])(t["a"],null,[Object(t["i"])(s),Object(t["i"])(c),Object(t["i"])(u),Object(t["i"])(l)],64)}var n=function(e){return Object(t["n"])("data-v-2dfcdd3e"),e=e(),Object(t["m"])(),e},i=n((function(){return Object(t["g"])("div",{id:"particle"},null,-1)})),s=n((function(){return Object(t["g"])("div",{id:"header",class:"header"},[Object(t["g"])("div",{class:"title"},[Object(t["h"])(" Jaromir Beihofner "),Object(t["g"])("div",{class:"sub"},[Object(t["h"])("Cestovatel, Sokoliar, Turista"),Object(t["g"])("br"),Object(t["h"])("SK-CERT{4rch1v3_0rg_15_5tr0ng}")])])],-1)}));function c(e,o,a,r,n,c){return Object(t["l"])(),Object(t["f"])(t["a"],null,[i,s],64)}var u={name:"Header"},l=(a("5edc"),a("6b0d")),v=a.n(l);const d=v()(u,[["render",c],["__scopeId","data-v-2dfcdd3e"]]);var m=d,h=function(e){return Object(t["n"])("data-v-0a29ecde"),e=e(),Object(t["m"])(),e},k={class:"navbar"},p=h((function(){return Object(t["g"])("div",{class:"container"},[Object(t["g"])("div",{class:"logo"},"Blog"),Object(t["g"])("div",{class:"menu"},[Object(t["g"])("a",null,"You can contact me on Facebook")])],-1)})),j=[p];function b(e,o,a,r,n,i){return Object(t["l"])(),Object(t["f"])("div",k,j)}var f={name:"NavBar"};a("455a");const y=v()(f,[["render",b],["__scopeId","data-v-0a29ecde"]]);var z=y,O={class:"copyright"};function g(e,o,a,r,n,i){return Object(t["l"])(),Object(t["f"])("div",O,"Copyright 2022 by Jaromir Beihofner. All Rights Reserved.")}var P={name:"Footer"};a("655e");const T=v()(P,[["render",g],["__scopeId","data-v-05d63564"]]);var N=T;function w(e,o,a,r,n,i){return Object(t["l"])(),Object(t["d"])(Object(t["r"])(i.routedComponent))}a("caad"),a("2532"),a("b64b");var _={class:"container land"},S=Object(t["g"])("h1",null,"Moje Články",-1);function J(e,o,a,r,n,i){var s=Object(t["q"])("Post");return Object(t["l"])(),Object(t["f"])("div",_,[S,(Object(t["l"])(!0),Object(t["f"])(t["a"],null,Object(t["o"])(e.posts,(function(e,o){return Object(t["l"])(),Object(t["f"])("div",{key:o},[Object(t["i"])(s,{date:e.date,author:e.author,title:e.title,highlight:e.highlight},{default:Object(t["t"])((function(){return[Object(t["h"])(Object(t["s"])(e.text),1)]})),_:2},1032,["date","author","title","highlight"])])})),128))])}var x=function(e){return Object(t["n"])("data-v-a4d5bb68"),e=e(),Object(t["m"])(),e},M={class:"post"},A={key:0},V={class:"left"},R={class:"right"},B=x((function(){return Object(t["g"])("div",{style:{clear:"both"}},null,-1)}));function C(e,o,a,r,n,i){var s=Object(t["q"])("center");return Object(t["l"])(),Object(t["f"])("div",M,[Object(t["g"])("h2",null,Object(t["s"])(a.title),1),Object(t["g"])("pre",null,Object(t["s"])(a.highlight),1),Object(t["i"])(t["b"],{name:"fade"},{default:Object(t["t"])((function(){return[e.show?(Object(t["l"])(),Object(t["f"])("pre",A,[Object(t["p"])(e.$slots,"default",{},void 0,!0)])):Object(t["e"])("",!0)]})),_:3}),Object(t["g"])("h3",V,"By "+Object(t["s"])(a.author),1),Object(t["i"])(s,{style:{position:"absolute",left:"50%",transform:"translate(-50%, 0)"}},{default:Object(t["t"])((function(){return[e.show?(Object(t["l"])(),Object(t["f"])("a",{key:1,onClick:o[1]||(o[1]=function(e){return i.changeVisibility()})},"Hide Article")):(Object(t["l"])(),Object(t["f"])("a",{key:0,onClick:o[0]||(o[0]=function(e){return i.changeVisibility()})},"Read Article"))]})),_:1}),Object(t["g"])("h3",R,"at "+Object(t["s"])(a.date),1),B])}var F={name:"Post",props:{date:String,author:String,highlight:String,title:String},data:function(){return{show:!1}},methods:{changeVisibility:function(){this.show?this.show=!1:this.show=!0}}};a("4739");const H=v()(F,[["render",C],["__scopeId","data-v-a4d5bb68"]]);var L=H,Z={name:"LandPage",components:{Post:L},data:function(){return{posts:[{title:"Zrušenie webovej stránky",highlight:"Zdravím všetkých čitatelov, rozhodol som pre zrušenie webovej stránky.",date:"25-02-2022",text:"Ku koncu tohto mesiaca budem rušiť túto webovú stránku. Rozhodol som sa držať svoj cestovatelský blog súkromne. Ďakujem za pochopenie",author:"Jaromir"},{title:"Tatry",highlight:"Pohrával som sa s touto myšlienkou veľmi dlho. Nájsť kompromis medzi odpočinkom, krásnou prírodou, dobrodružstvom a adrenalínom. Presne toto ponúkala túra po Tatrách.",date:"01-02-2022",text:"Tatry by som chcel navštíviť mimo turistickej sezóny, keďže by som sa chcel vyhnúť veľkému množstvu ludí. Plánujem vyraziť na začiatku marca, po dokončení výletu vám zdokumentujem moj zážitok.",author:"Jaromir"},{title:"BBQ",highlight:"Rád skúšam rôzne kulinárske techniky a nové chute. Či už varím ja alebo vyhľadávam nové reštaurácie. Najradšej mám však barbecue.",date:"27-01-2022",text:"Je to druh grilovania, ktorý pochádza z tradičnej indiánskej kuchyne a svoju obľubu si získalo hlavne na juhu USA, avšak podľa mňa už všade na svete.  Pravé barbecue ale spočíva v dlhej tepelnej úprave mäsa na dreve alebo drevenom uhlí pri nízkej teplote za prítomnosti dymu. Neodmysliteľne sú s ním späté aj omáčky a marinády pretože jedlu dodávajú vynikajúcu chuť a vôňu.  V mojom okolí som navštívil asi všetky reštaurácie ponúkajúce tento typ jedla. Niektoré ma veľmi sklamali, preto som presvedčený, že pripraviť výborné barbecue je skutočné umenie. Pred nedávnom som však objavil bistro, ktoré ponúka aj barbecue špeciality. Ochutnal som si tu menu. Fotku jedla som si uložil do tohoto zaheslovaného rar: ",author:"Jaromir"},{title:"Azorské ostrovy",highlight:"Navštívil som mnoho miest, no žiadne sa nevyrovnalo Azorským ostrovom. Najradšej by som navštívil všetkých 12 ostrovov, no časové dôvody ma limitovali natoľko, že som si vybral najväčší ostrov – Sao Miguel.",date:"17-10-2021",text:"Tento ostrov ponúkal všetko, čo som od turistickej dovolenky očakával a veľa príjemných bonusov. Tým najlepším bol určite výlet k sopečnému jazeru, ktoré je súčasťou prírodnej rezervácie. Čo je na Azoroch vidieť na každom kroku, je fakt, že vznikli vulkanickou činnosťou. Tá vytvorila nádhernú prírodu, ktorá na malom kúsku spojila termálne pramene, jazerá v kráteroch, nádherné výhľady, oceán, hory a čierny piesok. Ja som na Azoroch najviac ocenil prírodné jazierka, ktoré sa nachádzajú uprostred krásnej, nedotknutej prírody. Vďaka vulkanickému pôvodu Azorských ostrovov je tu dodnes množstvo geotermálnych prameňov. Teplota vody v mnohých z nich je vhodná na plávanie. Aj tu sa to však začína čím ďalej tým viac plniť turistami, ktorí sa snažia spraviť tú najlepšiu fotku a pochváliť sa ňou na instagrame. Na rady odporúčania a domácich som si jedno poobedie spravil výlet na čajovníkovú plantáž Porto Famoso, kde nám ukázali ako sa čaj zbiera a vyrába. Faktom však je, že počasie sa na týchto ostrovoch mení doslova z minúty na minútu. Niekedy som mal naozaj pocit, že som behom jedného dňa zažil všetky ročné obdobia. Špecifikom azorských ostrovov je pestovanie chutných sladkých ananásov, ktoré sú o niečo menšie ako tie, na ktoré sme zvyknutí zo supermarketov. Chutia tu neuveriteľne sladko. Uprostred obce Furnas vyvierajú tiež horúce pramene a gejzíry, v ktorých domáci obyvatelia zvyknú pripravovať miestnu špecialitu zvanú Cozido. Ide o zmes bravčového, hovädzieho a kuracieho mäsa so zeleninou. Túto špecialitu som si nemohol nechať ujsť. Musím však poznamenať, že viac ako jej chuť ma oslovila príprava tohto jedla v tzv. „fumaroloch“. Varí sa tak, že do jedného hrnca sa naloží zelenina a mäso, a vloží sa do zeme u teplých prameňov. Takýmto spôsobom sa varí aj pol dňa. Medzi ďalšie krásne prírodné úkazy Azorských ostrovov patria vodopády. Nie je totiž nič krajšie, ako užiť si tunajšie ticho, ktoré prerušuje len zvuk vodopádov a vtákov. Všade tu prevláda pokoj, zeleň a vône hortenzií. Toto miesto sa určite oplatí spoznať.",author:"Jaromir"},{title:"Jánošikové diery",highlight:"Zorganizovať výlet pre skupinu ľudí bol vždy problém. Napriek tomu sme sa s partiou kamarátov rozhodli, že si spravíme turistický víkend na Slovensku. ",date:"26-06-2021",text:"Po náročnom dohodnutí termínu sme sa pobalili a ubytovali v Zázrivej. Náš cieľ bol jasný – Jánošíkove diery. Pre mňa sú jednou z najkrajších turistických trás Národného parku Malá Fatra.  Jedná sa o sústavu tiesňav s množstvom vodopádov a krásnou scenériou. Tvoria ich tri ucelené časti – Dolné, Horné a Nové Diery. My sme si vybrali najnáročnejšiu trasu a to Veľký okruh Jánošíkovými dierami. Najkrajšou časťou sú tu rozhodne Horné diery, ktoré majú najväčší počet vodopádov a rebríkov, ktoré nás doviedli až do sedla Medzirozsutec. Odtiaľ sme sa chystali na Veľký Rozsutec, ten však bol z dôvodu ochrany jarnej prírody uzatvorený. Preto sme sa rozhodli vystúpiť na Malý Rozsutec. Výstup bol náročný a dosť sme sa zapotili. Na vrchole sa nám naskytli nádherné výhľady na Veľký Rozsutec, sedlo Medzirozsutca a obce Zázrivá a Terchová. Po takejto náročnej trase sa nám túra cez Dolné diery zdala ako príjemná prechádzka. Dolné diery sú značené náučným chodníkom  a nachádzajú sa tu dva vodopády. Človek môže každú chvíľu zastaviť aby sa pokochal skalnými útvarmi a prevismi. Touto trasou sa rozhodlo ísť o mnoho viac ľudí a najmä rodiny s deťmi. Trasa Dolných dier končila Podžiarom, kde sme sa občerstvili v bufete uprostred krásnej lúky. Posledný deň sme strávili krátkymi výletmi po okolitých obciach, vystúpili sme na rozhľadňu Terchovské srdce, oddýchli si a zažili veľmi príjemný predĺžený víkend na našom krásnom Slovensku.",author:"Jaromir"},{title:"Lanzarote",highlight:"Tento rok sa február neuveriteľne ťahal. Ani poriadna zima, ani sa neotepľovalo. Všetky dni vyzerali strašne rovnako. Tak som sa rozhodol, že na pár dní vyrazím za prímorským teplejším počasím.",date:"25-02-2021",text:"Letenky na Kanárske ostrovy boli v túto ročnú dobu za priaznivú cenu a preto som neváhal a jeden upršaný víkend sa rozhodol práve pre túto destináciu. O všetkých Kanárskych ostrovoch sa hovorí ako o ostrovoch večnej jari a ja som sa tešil, že si konečne užijem príjemných 20 stupňov aj vo februári. Ja som sa rozhodol pre ostrov Lanzarote. Nachádzajú sa tu nádherné pláže a v minulosti to bol jeden z vulkanicky najaktívnejších ostrovov. Ostrov nie je priveľmi veľký a za pár dní sa ho dá celý precestovať. Svoju cestu som začal v hlavnom meste Arrecife, do ktorého som priletel. Nachádza sa tu mnoho zaujímavých miest vrátane prístavu, krásnej lagúny priamo v meste a niekoľkých hradov. Za návštevu stál minimálne hrad Castillo de San Gabriel, ku ktorému viedol most Las Bolas. Za zmienku určite stojí Národný park Timanfaya, kde to vyzerá ako na Mesiaci. Skvelou atrakciou bola jazda na ťave a úžasné jedlo, na ktorom som si pochutil priamo pod aktívnou sopkou. Ďalší deň som vyrazil ku krásnemu zálivu El Golfo, známemu sýtozeleným jazierkom, ktoré bolo vytvorené vzácnou podvodnou sopečnou erupciou a od zvyšku lagúny je oddelené čiernym vulkanickým pieskom. Výhľad na zelené jazierko, čierny piesok a modrý oceán bol krásny. Ďalšie dni som strávil relaxom a prechádzkami po nádherných plážach, ktoré poskytovali divoké vlny vhodné na vodné športy. Teplota vody však ešte nedosahovala ani 20 stupňov, napriek tomu sa našlo pár odvážlivcov, ktorým to neprekážalo. Čo však musím podotknúť, na tomto ostrove je raj pre cyklistov. Kvalitné a prázdne cesty, čo viac si cyklista môže priať. Šírka ostrova Lanzarote je len 18 kilometrov, preto nebo problém ho v rámci jedného dňa prejsť od západu na východ. Tento ostrov určite odporúčam všetkým, ktorý radi spoznávajú krajiny na bicykli.",author:"Jaromir"}]}}};a("0d54");const q=v()(Z,[["render",J]]);var D=q,I=function(e){return Object(t["n"])("data-v-298517e0"),e=e(),Object(t["m"])(),e},K={class:"error container"},E=I((function(){return Object(t["g"])("h1",null,"Error 404 Not Found!",-1)})),U=I((function(){return Object(t["g"])("p",null,"Ospravedlňujeme sa, ale stránka nebola nájdená.",-1)})),G=[E,U];function Q(e,o,a,r,n,i){return Object(t["l"])(),Object(t["f"])("div",K,G)}var W={name:"ErrorPage"};a("511f");const X=v()(W,[["render",Q],["__scopeId","data-v-298517e0"]]);var Y=X,$={"/":D,"/error":Y},ee={data:function(){return{current:window.location.pathname}},computed:{routedComponent:function(){return Object.keys($).includes(this.current)?$[this.current]:$["/error"]}}};const oe=v()(ee,[["render",w]]);var ae=oe,te={name:"App",components:{Header:m,NavBar:z,Router:ae,Footer:N}};a("7f90");const re=v()(te,[["render",r]]);var ne=re,ie=a("73b7"),se=Object(t["c"])(ne);se.component(ie["a"].name,ie["a"]),se.mount("#app")},"5edc":function(e,o,a){"use strict";a("c488")},"655e":function(e,o,a){"use strict";a("9009")},"7f90":function(e,o,a){"use strict";a("efc0")},9009:function(e,o,a){},b57d:function(e,o,a){},c488:function(e,o,a){},efc0:function(e,o,a){},f19d:function(e,o,a){},fcf9:function(e,o,a){}});
//# sourceMappingURL=app.88e42c56.js.map

 

Javascript Online Compiler

Write, Run & Share Javascript code online using OneCompiler's JS online compiler for free. It's one of the robust, feature-rich online compilers for Javascript language. Getting started with the OneCompiler's Javascript editor is easy and fast. The editor shows sample boilerplate code when you choose language as Javascript and start coding.

About Javascript

Javascript(JS) is a object-oriented programming language which adhere to ECMA Script Standards. Javascript is required to design the behaviour of the web pages.

Key Features

  • Open-source
  • Just-in-time compiled language
  • Embedded along with HTML and makes web pages alive
  • Originally named as LiveScript.
  • Executable in both browser and server which has Javascript engines like V8(chrome), SpiderMonkey(Firefox) etc.

Syntax help

STDIN Example

var readline = require('readline');
var rl = readline.createInterface({
  input: process.stdin,
  output: process.stdout,
  terminal: false
});

rl.on('line', function(line){
    console.log("Hello, " + line);
});

variable declaration

KeywordDescriptionScope
varVar is used to declare variables(old way of declaring variables)Function or global scope
letlet is also used to declare variables(new way)Global or block Scope
constconst is used to declare const values. Once the value is assigned, it can not be modifiedGlobal or block Scope

Backtick Strings

Interpolation

let greetings = `Hello ${name}`

Multi line Strings

const msg = `
hello
world!
`

Arrays

An array is a collection of items or values.

Syntax:

let arrayName = [value1, value2,..etc];
// or
let arrayName = new Array("value1","value2",..etc);

Example:

let mobiles = ["iPhone", "Samsung", "Pixel"];

// accessing an array
console.log(mobiles[0]);

// changing an array element
mobiles[3] = "Nokia";

Arrow functions

Arrow Functions helps developers to write code in concise way, it’s introduced in ES6.
Arrow functions can be written in multiple ways. Below are couple of ways to use arrow function but it can be written in many other ways as well.

Syntax:

() => expression

Example:

const numbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
const squaresOfEvenNumbers = numbers.filter(ele => ele % 2 == 0)
                                    .map(ele => ele ** 2);
console.log(squaresOfEvenNumbers);

De-structuring

Arrays

let [firstName, lastName] = ['Foo', 'Bar']

Objects

let {firstName, lastName} = {
  firstName: 'Foo',
  lastName: 'Bar'
}

rest(...) operator

 const {
    title,
    firstName,
    lastName,
    ...rest
  } = record;

Spread(...) operator

//Object spread
const post = {
  ...options,
  type: "new"
}
//array spread
const users = [
  ...adminUsers,
  ...normalUsers
]

Functions

function greetings({ name = 'Foo' } = {}) { //Defaulting name to Foo
  console.log(`Hello ${name}!`);
}
 
greet() // Hello Foo
greet({ name: 'Bar' }) // Hi Bar

Loops

1. If:

IF is used to execute a block of code based on a condition.

Syntax

if(condition){
    // code
}

2. If-Else:

Else part is used to execute the block of code when the condition fails.

Syntax

if(condition){
    // code
} else {
    // code
}

3. Switch:

Switch is used to replace nested If-Else statements.

Syntax

switch(condition){
    case 'value1' :
        //code
        [break;]
    case 'value2' :
        //code
        [break;]
    .......
    default :
        //code
        [break;]
}

4. For

For loop is used to iterate a set of statements based on a condition.

for(Initialization; Condition; Increment/decrement){  
//code  
} 

5. While

While is also used to iterate a set of statements based on a condition. Usually while is preferred when number of iterations are not known in advance.

while (condition) {  
  // code 
}  

6. Do-While

Do-while is also used to iterate a set of statements based on a condition. It is mostly used when you need to execute the statements atleast once.

do {  
  // code 
} while (condition); 

Classes

ES6 introduced classes along with OOPS concepts in JS. Class is similar to a function which you can think like kind of template which will get called when ever you initialize class.

Syntax:

class className {
  constructor() { ... } //Mandatory Class method
  method1() { ... }
  method2() { ... }
  ...
}

Example:

class Mobile {
  constructor(model) {
    this.name = model;
  }
}

mbl = new Mobile("iPhone");