<title>مترجم خاص</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background: #f4f4f9;
direction: rtl;
}
.container {
max-width: 600px;
margin: 50px auto;
padding: 20px;
background: white;
border-radius: 15px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
textarea {
width: 90%;
height: 100px;
padding: 10px;
margin-bottom: 15px;
border-radius: 10px;
border: 1px solid #ccc;
font-size: 16px;
}
button {
padding: 10px 20px;
margin: 5px;
font-size: 16px;
border: none;
border-radius: 8px;
cursor: pointer;
}
.word { background: #3498db; color: white; }
.meaning { background: #2ecc71; color: white; }
#output {
margin-top: 20px;
font-size: 18px;
background: #eef;
padding: 15px;
border-radius: 10px;
}
</style>
📖 مترجم خاص
اكتب جملة واختر طريقة الترجمة:
<textarea id="inputText" placeholder="اكتب هنا..."></textarea>
ترجمة كلمة بكلمة
ترجمة بالمعنى
💡 النتيجة ستظهر هنا...
<script>
function translate(type) {
const text = document.getElementById('inputText').value;
let result = "";
if (!text.trim()) {
result = "
⚠️ الرجاء إدخال نص أولاً";
} else {
if (type === 'word') {
result = "(ترجمة كلمة بكلمة) → " + text.split(" ").map(w => "["+w+"]").join(" ");
} else {
result = "(ترجمة بالمعنى) → ترجمة تقريبية للنص: '" + text + "'";
}
}
document.getElementById('output').innerText = result;
}
</script>
📖 مترجم خاص
اكتب جملة واختر طريقة الترجمة:
<textarea id="inputText" placeholder="اكتب هنا..."></textarea>ترجمة كلمة بكلمة ترجمة بالمعنى