Materi
Roadmap
Proyek
Sertifikat
Skillance Code Lab
Jalankan »
Skillance Code Lab Editor
Editor
Hasil
Split
Editor Kode Sumber
Tekan
Ctrl + Enter
untuk Menjalankan
<!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> </head> <body style="font-family: sans-serif; padding: 20px;"> <button id="btnFade" style="padding:8px 16px; cursor:pointer;">Fade Out Box</button> <div id="kotakFade" style="width:120px; height:120px; background:#fca311; margin-top:15px; border-radius:8px;"></div> <script> $('#btnFade').click(function() { $('#kotakFade').fadeToggle('slow'); }); </script> </body> </html>
Hasil Tampilan (Browser Preview)
Muat Ulang