Mostantól szép színes kódokkal tudom bővíteni az írásaimat a Prism.JS segítségével.

Így fog kinézni egy átlagos JS kód:

//This is a comment line

function myFunctioon(argument){
	return argument;
}

let myString = "This is a string";
const myArr = [3, 2, 1];
var myJson = {
	key1: "value1",
    key2: "value2",
    key3: "value3",
}

document.querySelector('click', ()=>{
	const variable = undefined;
    let templateLiteral = `This is a ${variable}`;
    if(variable){
    	console.log("OK" + "OK")
    }else{
    	alert("NOT OK")
     }
})

myArr.map((item, index)=>{
	root.innerHTML = String(item) + " " + String(index)
    //Amúgy nem teszünk innerHTML-t ciklusba !!! :)
})

Így pedig a HTML

<!-- HTML COMMENT -->
<div id="root">CONTENT</div>
<input type="number" required>

És a CSS. (Itt például külön kis négyzetben láthatók lesznek a színek is)

	body {
		margin: 0px;
	}
    #idselector {
    	color: white;
    }
    .classelector {
    	color: green;
    }

És a JSON

{
  "key1":{"subkey1":"subvalue1", "subkey2":"subvalue2" },
  "key2":{"subkey1":"subvalue1", "subkey2":"subvalue2" },
  "key3":{"subkey1":"subvalue1", "subkey2":"subvalue2" },
}

A jobboldali copy gombra kattintással azonnali kimásolásra is lehetőség van.