Secara default, Hugo nggak mendukung syntax highlighting untuk Pug. Contohnya aja seperti di bawah ini:
doctype html html head title Hello world meta(charset="utf-8") body h1.text-center Hello world Maka, kita akali dengan menggunakan syntax highlighting Javascript:
doctype html html head title Hello world meta(charset="utf-8") body h1.text-center Hello world
Nggak bisa dipungkiri memang, kehadiran jQuery memudahkan umat programmer dalam membuat behavior website dengan lebih cepat. Misalnya aja, kita ingin membuat element click. Kalau di Javascript biasa, atau biasa disebut dengan Vanilla JS, kodenya seperti ini:
document.querySelectorAll(".halo").forEach(x => x.addEventListener("click", function(){ console.log(this.innerHTML) })) Nah, sekarang coba bandingkan sama jQuery:
$(".halo").click(function(){ console.log($(this).html()) }) Terus, kenapa sih kita baiknya menghindari menggunakan jQuery?
Masalah dalam memuat jQuery Ketika ingin menggunakan jQuery, tentu saja kita harus memuat jquery.
Kode CSS Letakkan sebelum (di atasnya) </head>:
<style> nav ul li:hover > ul { display: none; } </style> Kode Javascript Letakkan sebelum (di atasnya) </body>:
<script> $('nav ul li').click(function(){ $('nav ul li').not(this).find('ul').hide() $(this).find('ul').toggle() }) </script>
