التفاعل بين جافا سكريبت و هتمل هو واحد من المبادئ الأساسية لإنشاء صفحات الويب الديناميكية. واحدة من الطرق لنقل البيانات من جافا سكريبت إلى هتمل هو إدراج متغير في التعليمات البرمجية هتمل. في هذه الحالة ، يستبدل المتغير جزءا معينا من الكود ويتم عرض قيمته في المتصفح. في هذه المقالة ، سنلقي نظرة على الطرق والأمثلة الأساسية لإدراج متغير جافا سكريبت في شفرة هتمل.
واحدة من أكثر الطرق شيوعا هي استخدام البناء. يتم كتابة شفرة جافا سكريبت داخل العلامة ، بما في ذلك تعريف المتغير. ثم ، باستخدام علامة أو علامة أخرى ، يمكنك إدراج قيمة المتغير في المكان المطلوب في رمز هتمل. على سبيل المثال:
مرحبا, ! مرحبا بكم في موقعنا.
في هذه الحالة ، يحتوي متغير الاسم على القيمة "جون". سيتم عرض قيمة هذا المتغير داخل العلامة. وبالتالي ، سيتم استقبال المستخدم بتحية " مرحبا ، جون! مرحبا بكم في موقعنا."
طريقة أخرى هي استخدام سمات العنصر. يمكنك إضافة سمة متغير البيانات إلى عنصر هتمل وإدراج قيمة المتغير هناك. في رمز هتمل ، وسوف تبدو مثل هذا:
قالب أتش تي أم أل: