محتوى متغير مع تحديث الصفحة

 تقوم الإضافة بعرض محتوى عشوائي من داخلها عند تحديث الصفحة , المحتوى تحت تحكم كامل منكم , يمكنك أن تضيف أى اكواد HTML بها نص صورة فيديو أو غيرهم 

تستخدم الإضافة داخل موضوع أو صحفة أو آداة 

قم بتحديث الصفحة والضغط على معاينة من جديد لرؤية التغيرات كلما حدثت الصفحة

<style>
#baRandomDiv{display:flex;align-items:center;justify-content:center;}
</style>

<div id="baRandomDiv"></div>
<script type='text/javascript'>
//<![CDATA[
    const divContents = [
        '<div>أكواد هنا</div>',
    ];
//]]>
</script>
<script>
const randomIndex=Math.floor(Math.random()*divContents.length);const baRandomDiv=document.getElementById("baRandomDiv");baRandomDiv.innerHTML=divContents[randomIndex];
</script>

السطر الذي به أكوادك هنا تضيف بدل الكلمة الكود الذي يعجبك

كرر السطر لتحصل على كود جديد 

هذا كود المعاينة لتطلع كيف تم تنفيذه

<style>
#baRandomDiv{display:flex;align-items:center;justify-content:center;}
</style>

<div id="baRandomDiv"></div>

<script type='text/javascript'>
//<![CDATA[
    const divContents = [
        '<div><h4>تجربة نص</h4><p> كَلِمَتَانِ خَفِيفَتَانِ علَى اللِّسَانِ، ثَقِيلَتَانِ في المِيزَانِ، حَبِيبَتَانِ إلى الرَّحْمَنِ: سُبْحَانَ اللهِ وَبِحَمْدِهِ، سُبْحَانَ اللهِ العَظِيمِ.</p>',
        '<div><h4>صورة</h4><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8rbdreCy2pRTobPraCimE1HJWqlsnXedrh8arDidABPNTkddUZ5XChxPrFVd9SmgUNREIHEeFm0yHO2O4SarhpUDWWPBENJxdk3YtPuPI9_b2NC3uYKFZPM76m0Slxd8X1Ky3pc8GiRvz4qWYzoKK3tA-ZJ7MidQriddpA0NpfSN3gxPVpiC61DHJl4A/s1600/changedb3.gif"/></div>',
        '<div><h4>تجربة فيديو</h4><iframe width="560" height="315" src="https://www.youtube.com/embed/mNHO5I0B86s?si=m8SzPyAWPtIzlReE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>',
    ];
//]]>
</script>
<script>
const randomIndex=Math.floor(Math.random()*divContents.length);const baRandomDiv=document.getElementById("baRandomDiv");baRandomDiv.innerHTML=divContents[randomIndex];
</script>

• 💢
• معاينة