Tryit Editor v1.0 - Skillance Academy

Editor Kode Sumber Tekan Ctrl + Enter untuk Menjalankan

<!DOCTYPE html>
<html>
<body style="font-family: sans-serif; padding: 20px;">
    <h2>Template Literals & String Methods</h2>
    <p id="hasilString"></p>

    <script>
        const namaKursus = "Fullstack Web Developer";
        const instruktur = "Tim Ahli Skillance";
        const durasiMinggu = 8;

        // Template Literals modern ES6
        const kartu = `
            Kursus: <strong>${namaKursus.toUpperCase()}</strong><br>
            Instruktur: ${instruktur}<br>
            Durasi Belajar: ${durasiMinggu} Minggu<br>
            Jumlah Karakter Judul: ${namaKursus.length} huruf
        `;

        document.getElementById('hasilString').innerHTML = kartu;
    </script>
</body>
</html>

Hasil Tampilan (Browser Preview)