MİNİ FONT ÇEVİRİ - TRANSLATE APİ KEY - ÜCRETSİZ KAYNAK KODU

Durum
Üzgünüz bu konu cevaplar için kapatılmıştır...

Anys

Birisi mi Spawnlandı?
Katılım
2 Ağustos 2022
Mesajlar
8
Elmaslar
6
Puan
3.795
Yaş
21
Konum
İstanbul
Minecraft
AnysEmre

Discord:

bizimemrah

ÇEVİRİ OLMADAN Nİ FONT'A ÇEVİRME

Mini Font çeviri bir çok kişinin başına bela olmuştur. Bu durumu düzeltmek için HTML, JS, CSS kodu kullanarak

Mini Font çeviri yapan bir site geliştirdim. Altta bulunan kaynak kodu Google Translate Api Key kullanarak çeviri

yapan yani İngilizce kelimeleri Türkçeye çevirdikten sonra Mini Font'a çeviren bir sistem olarak geliştirilmiştir.

HTML:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Batuhan Ayaz Sağolsun</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 50px;
        }
        input, button {
            padding: 10px;
            margin: 5px;
        }
    </style>
<!-- APİ KEY BELİRLEME / JAVASCRİPT KISIMI -->

    <script>
        async function translateText(text) {
            const response = await fetch(`https://translation.googleapis.com/language/translate/v2?key=SENİN-APİ-KEYİN`, { //Google Translate APİ Keyinizi Girin!
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify({
                    q: text,
                    target: 'tr'
                })
            });
            const data = await response.json();
            return data.data.translations[0].translatedText;
        }

        const harfler = {
            'A': 'ᴀ', 'B': 'ʙ', 'C': 'ᴄ', 'D': 'ᴅ', 'E': 'ᴇ', 'F': 'ꜰ', 'G': 'ɢ', 'H': 'ʜ', 'I': 'ɪ', 'J': 'ᴊ', 'K': 'ᴋ', 'L': 'ʟ', 'M': 'ᴍ', 'N': 'ɴ', 'O': 'ᴏ', 'P': 'ᴘ', 'Q': 'ꞯ', 'R': 'ʀ', 'S': 'ꜱ', 'T': 'ᴛ', 'U': 'ᴜ', 'V': 'ᴠ', 'W': 'ᴡ', 'X': 'x', 'Y': 'ʏ', 'Z': 'ᴢ',
            'a': 'ᴀ', 'b': 'ʙ', 'c': 'ᴄ', 'd': 'ᴅ', 'e': 'ᴇ', 'f': 'ꜰ', 'g': 'ɢ', 'h': 'ʜ', 'i': 'ɪ', 'j': 'ᴊ', 'k': 'ᴋ', 'l': 'ʟ', 'm': 'ᴍ', 'n': 'ɴ', 'o': 'ᴏ', 'p': 'ᴘ', 'q': 'ꞯ', 'r': 'ʀ', 's': 'ꜱ', 't': 'ᴛ', 'u': 'ᴜ', 'v': 'ᴠ', 'w': 'ᴡ', 'x': 'x', 'y': 'ʏ', 'z': 'ᴢ'
        };

        async function convertText() {
            let inputText = document.getElementById('inputText').value;
            let translatedText = await translateText(inputText);
            let outputText = '';

            for (let char of translatedText) {
                outputText += harfler[char] || char;
            }

            document.getElementById('outputText').innerText = outputText;
        }
    </script>
</head>
<body>

<h2>Mini Font + Translate Sitesi</h2>
<input type="text" id="inputText" placeholder="Metin girin">
<button onclick="convertText()">Çevir</button>
<p id="outputText"></p>

</body>
</html>

1730662784319.webp

-------------------------------


ÇEVİRİ VARKEN Nİ FONT'A ÇEVİRME

Mini Font çeviri bir çok kişinin başına bela olmuştur. Bu durumu düzeltmek için HTML, JS, CSS kodu kullanarak

Mini Font çeviri yapan bir site geliştirdim. Altta bulunan kaynak kodu girdiğiniz tüm metinleri Mini Font harflerle

yazmak için geliştirilmiştir. Umarım işinize yarar.


HTML:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Batuhan Ayaz Sağolsun</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 50px;
        }
        input, button {
            padding: 10px;
            margin: 5px;
        }
    </style>
</head>
<body>

<h2>Mini Font Çevirici İşte</h2>
<input type="text" id="inputText" placeholder="Metin girin">
<button onclick="convertText()">Çevir</button>
<p id="outputText"></p>

<script>
    const harfler = {
        'A': 'ᴀ', 'B': 'ʙ', 'C': 'ᴄ', 'D': 'ᴅ', 'E': 'ᴇ', 'F': 'ꜰ', 'G': 'ɢ', 'H': 'ʜ', 'I': 'ɪ', 'J': 'ᴊ', 'K': 'ᴋ', 'L': 'ʟ', 'M': 'ᴍ', 'N': 'ɴ', 'O': 'ᴏ', 'P': 'ᴘ', 'Q': 'ꞯ', 'R': 'ʀ', 'S': 'ꜱ', 'T': 'ᴛ', 'U': 'ᴜ', 'V': 'ᴠ', 'W': 'ᴡ', 'X': 'x', 'Y': 'ʏ', 'Z': 'ᴢ',
        'a': 'ᴀ', 'b': 'ʙ', 'c': 'ᴄ', 'd': 'ᴅ', 'e': 'ᴇ', 'f': 'ꜰ', 'g': 'ɢ', 'h': 'ʜ', 'i': 'ɪ', 'j': 'ᴊ', 'k': 'ᴋ', 'l': 'ʟ', 'm': 'ᴍ', 'n': 'ɴ', 'o': 'ᴏ', 'p': 'ᴘ', 'q': 'ꞯ', 'r': 'ʀ', 's': 'ꜱ', 't': 'ᴛ', 'u': 'ᴜ', 'v': 'ᴠ', 'w': 'ᴡ', 'x': 'x', 'y': 'ʏ', 'z': 'ᴢ'
    };

    function convertText() {
        let inputText = document.getElementById('inputText').value;
        let outputText = '';

        for (let char of inputText) {
            outputText += harfler[char] || char;
        }

        document.getElementById('outputText').innerText = outputText;
    }
</script>

</body>
</html>

1730663559608.webp

 
Temiz proje, başarılar dilerim batuhancığım ❤️
 
Elinize sağlık, Güzel olmuş tasarımı güzelleştirebiliriz bence daha hoş olabilir.
 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Batuhan Ayaz Sağolsun</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
<style>
body {
font-family: 'Arial', sans-serif;
}
</style>
<script>
async function translateText(text) {
const response = await fetch(`https://translation.googleapis.com/language/translate/v2?key=SENİN-APİ-KEYİN`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
q: text,
target: 'tr'
})
});
const data = await response.json();
return data.data.translations[0].translatedText;
}
const harfler = {
'A': 'ᴀ', 'B': 'ʙ', 'C': 'ᴄ', 'D': 'ᴅ', 'E': 'ᴇ', 'F': 'ꜰ', 'G': 'ɢ', 'H': 'ʜ', 'I': 'ɪ', 'J': 'ᴊ', 'K': 'ᴋ', 'L': 'ʟ', 'M': 'ᴍ', 'N': 'ɴ', 'O': 'ᴏ', 'P': 'ᴘ', 'Q': 'ꞯ', 'R': 'ʀ', 'S': 'ꜱ', 'T': 'ᴛ', 'U': 'ᴜ', 'V': 'ᴠ', 'W': 'ᴡ', 'X': 'x', 'Y': 'ʏ', 'Z': 'ᴢ',
'a': 'ᴀ', 'b': 'ʙ', 'c': 'ᴄ', 'd': 'ᴅ', 'e': 'ᴇ', 'f': 'ꜰ', 'g': 'ɢ', 'h': 'ʜ', 'i': 'ɪ', 'j': 'ᴊ', 'k': 'ᴋ', 'l': 'ʟ', 'm': 'ᴍ', 'n': 'ɴ', 'o': 'ᴏ', 'p': 'ᴘ', 'q': 'ꞯ', 'r': 'ʀ', 's': 'ꜱ', 't': 'ᴛ', 'u': 'ᴜ', 'v': 'ᴠ', 'w': 'ᴡ', 'x': 'x', 'y': 'ʏ', 'z': 'ᴢ'
};
async function convertText() {
let inputText = document.getElementById('inputText').value;
let translatedText = await translateText(inputText);
let outputText = '';
for (let char of translatedText) {
outputText += harfler[char] || char;
}
document.getElementById('outputText').innerText = outputText;
}
</script>
</head>
<body class="bg-gradient-to-br from-purple-400 to-blue-500 flex flex-col items-center justify-center min-h-screen">
<h2 class="text-4xl font-extrabold text-white mb-8 drop-shadow-lg">Mini Font + Translate Sitesi</h2>
<div class="bg-white shadow-lg rounded-lg p-8 max-w-md w-full">
<input type="text" id="inputText" placeholder="Metin girin" class="border border-gray-300 rounded-lg p-3 w-full mb-4 focus:outline-none focus:ring-2 focus:ring-purple-500 transition duration-200">
<button onclick="convertText()" class="bg-gradient-to-r from-blue-500 to-purple-600 text-white rounded-lg p-3 w-full hover:bg-gradient-to-l transition duration-300 transform hover:scale-105">Çevir</button>
</div>
<p id="outputText" class="mt-6 text-lg font-semibold text-white drop-shadow-lg"></p>
</body>
</html>

Böyle daha hoş olabilir diye düşünüyorum.
 
Güzel bir proje olmuş elinize sağlık :heart:
 
Durum
Üzgünüz bu konu cevaplar için kapatılmıştır...

Hala Discord sunucumuza katılmadın mı?

Büyük bir topluluğun parçası ol, etkinliklere katıl ve özel hediyeler kazanma şansı yakala!

Şimdi Katıl
Üst