Tugas Coding revisi link

Langkah -Langkah pembuatan coding 

1. Buka Editor Kode

Gunakan editor teks atau kode seperti:

2. Buat File HTML

  • Buat file baru dan beri nama misalnya: index.html.

3. Tulis Struktur Dasar HTML

Masukkan struktur dasar HTML seperti berikut:

html
<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <title>Judul Website</title>
</head>
<body>
    <!-- Konten akan ditambahkan di sini -->
</body>
</html>

4. Tambahkan Judul dan Desain Awal

Masukkan elemen <header> untuk judul, dan gunakan CSS di bagian <style> agar tampilan lebih rapi dan modern.

5. Buat Form Input

Tambahkan elemen form sederhana:

  • Input nama

  • Pilihan wilayah asal (menggunakan <select>)

  • Tombol untuk mendeteksi suku

Contoh:

html
<input type="text" id="nama" placeholder="Masukkan nama Anda">
<select id="wilayah">
  <option value="Palu">Palu</option>
  ...
</select>
<button onclick="deteksiSuku()">Deteksi</button>

6. Tambahkan JavaScript untuk Logika Deteksi

Gunakan <script> di bawah form untuk menambahkan logika:

javascript
function deteksiSuku() {
    const wilayah = document.getElementById('wilayah').value;
    let hasil = '';

    switch(wilayah) {
        case 'Palu': hasil = 'Suku Kaili'; break;
        ...
    }

    document.getElementById('hasil').innerText = hasil;
}

7. Tambahkan Div untuk Menampilkan Hasil

Buat elemen <div> kosong dengan id="hasil" agar hasil deteksi bisa muncul di layar.

8. Simpan dan Jalankan

  • Simpan file sebagai index.html

  • Klik dua kali file tersebut, atau buka di browser dengan drag & drop.

9. (Opsional) Kembangkan ke Backend

Jika ingin lebih kompleks, kamu bisa:

  • Menyimpan data ke database

  • Menggunakan Python + Flask untuk pengolahan data

  • Menambahkan fitur pencarian berbasis nama atau kecerdasan buatan

.

Data Coding

Komentar

Posting Komentar

Postingan populer dari blog ini

KOMIK BAHAYA BANJIR !

Gambar
 Komik ini dibuat sebagai media pembelajaran yang bertujuan untuk memberikan pemahaman kepada anak-anak maupun masyarakat umum mengenai penyebab, dampak, serta langkah-langkah pencegahan terhadap bencana banjir. Melalui pendekatan visual yang menarik dan cerita yang mudah dipahami, diharapkan komik ini dapat menjadi sarana yang efektif untuk menanamkan kesadaran dan kepedulian terhadap lingkungan sejak dini. Dengan memahami bahaya banjir, kita semua dapat turut serta menjaga kebersihan lingkungan, tidak membuang sampah sembarangan, dan bersiap menghadapi potensi bencana. Kami menyadari bahwa komik ini masih jauh dari sempurna. Oleh karena itu, kritik dan saran yang membangun sangat kami harapkan untuk perbaikan di masa yang akan datang. Semoga komik ini bermanfaat dan dapat menjadi bahan edukasi yang menyenangkan dan bermakna. LINK KOMIK !
Baca selengkapnya

Penggunaan AI Eleven Labs

Gambar
Hai ! Dengan perkembangan teknologi kecerdasan buatan yang semakin pesat, berbagai inovasi terus bermunculan untuk mempermudah kehidupan manusia, termasuk dalam bidang sintesis suara. Salah satu platform terdepan yang menyediakan layanan ini adalah Eleven Labs. Eleven Labs merupakan sebuah perusahaan teknologi yang mengembangkan sistem Text-to-Speech (TTS) berbasis AI dengan kualitas suara yang sangat realistis dan alami. Melalui platform ini, pengguna dapat mengubah teks menjadi suara dengan berbagai pilihan karakter vokal, intonasi, serta bahasa, yang sangat bermanfaat dalam dunia pendidikan, konten digital, hingga industri kreatif. Kata pengantar ini disusun sebagai pengantar dalam memahami penggunaan dan potensi teknologi Eleven Labs, khususnya dalam mendukung produktivitas dan efisiensi dalam berbagai bidang. Penggunaan ai elevan labs  
Baca selengkapnya