هاله كمال

بتاريخ On 8/4/2021 at 17:00 قال MoJaffer:

في البداية انصحك بإستخدام اطار عمل مثل vue.js أو React.js لتسهيل العمل 

ولكن في حالتك إن اردت فعل ذلك بإمكانك فعلها بإستخدام الجافاسكريبت 

الفكرة هنا هي تعريف متغييرين اثنين الأول ستسميه مثلاً ar والآخر ستسميه مثلاً en وبداخل كل متغيير ستضيف كائن وفي كل كائن ستضيف عدة Properties ستضيف فيها جميع النصوص الكلمات التي تريدها

بعدها سنقوم بتعريف متغيير اخر وهذا المتغيير سيتم فيه تحديد اللغة التي تريدها 

واخيراً بعدها ستقوم بإنشاء دالة من خلالها ستقوم بتغيير هذا المتغيير 

دعنا نأخذ المثال للتضح لك الصورة بشكل افضل 

اولاً HTML

<h2 id="hello"></h2> <!-- هنا سيظهر النص -->
<p id="text"></p>
<!-- هنا لتتغير اللغة عند الضغط -->
<button onclick="setLang('en')">English</button>
<button onclick="setLang('ar')">عربي</button>

ثانياً : الجافاسكريت 

// هنا حيث نقوم بتخزين الكلمات والعبارات التي نريدها لكل لغة في متغيير منفصلين
var ar = { hello: "مرحباً!!", text: 'تغيير اللغة' };
var en = { hello: 'Hello!!', text: 'Change language' };
var language = ar; // تحديد اللغة

// تغيير نص HTML
function changeText(){
 for (const key in language) {

     document.getElementById(key).innerText = language[key];
  }
}
changeText(); 


// تغيير اللغة عند الضغط على ازرار تغيير اللغة
var setLang = function (lang){
  lang === 'ar' ? language = ar : language = en;
	changeText(); 
}

هنا رابط للمعاينة : 

https://jsfiddle.net/m1awz89c/1/

شكرا لك 

شكراً لك 

لدي موقع سيرة ذاتية باللغة الانجليزية واريد اضافة اللغة العربية 

الموقع مبني باستخدام 

HTML, CSS, JS, Bootstrap 

ما هي الطريقة الافضل لجعل الموقع باللغتين؟ 

مرحبا 

ما هي افضل طريقة لعمل موقع يدعم لغتين  باستخدام html, css, JS, Bootstrap 

شكراً 

مرحباً

أي الطرق أسهل للتعلم وأقل تعقيداً في البرمجة, تطوير التطبيقات باستخدام JS أم PHP ؟