Membuat Translator Latin ke Aksara Jawa

Membuat Translator Latin ke Aksara Jawa di Blogger

Aksara Jawa adalah salah satu warisan budaya Indonesia yang patut dilestarikan. Untuk mempermudah konversi teks dari Latin ke Aksara Jawa, kita bisa membuat translator sederhana berbasis HTML, CSS, dan JavaScript. Artikel ini akan membahas cara membuat translator Latin ke Aksara Jawa yang bisa digunakan di Blogger.

1. Mengapa Perlu Translator Latin ke Aksara Jawa?

Menulis teks dalam aksara Jawa tanpa harus menghafal setiap huruf.
Memudahkan pembelajaran aksara Jawa bagi pemula.
Mempertahankan budaya lokal di era digital.

2. Cara Membuat Translator Latin ke Aksara Jawa

Gunakan kode berikut untuk membuat translator Latin ke Aksara Jawa di Blogger atau situs web Anda:

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Translator Latin ke Aksara Jawa</title>
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Javanese&display=swap" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/gh/adityarahmanda/hanacaraka.js/hanacaraka.min.js"></script>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin: 50px;
        }
        textarea, div {
            width: 80%;
            margin: 10px auto;
            padding: 10px;
            font-size: 18px;
        }
        .output {
            border: 1px solid #ccc;
            min-height: 50px;
            font-family: 'Noto Sans Javanese', sans-serif;
            font-size: 32px;
            padding: 10px;
            background: #f9f9f9;
        }
    </style>
</head>
<body>
    <h2>Translator Latin ke Aksara Jawa</h2>
    <textarea id="inputText" placeholder="Masukkan teks Latin..." rows="4"></textarea>
    <br>
    <button onclick="translateText()">Terjemahkan</button>
    <div class="output" id="outputText"></div>
    
    <script>
        function translateText() {
            let text = document.getElementById("inputText").value;
            let translated = Hanacaraka.toAksara(text); 
            document.getElementById("outputText").innerText = translated;
        }
    </script>
</body>
</html>