تصحيح كود سكريبت

Ikram Ikram4 · 23 أغسطس 2023

أردت تصحيحا في هذا الكود..وهو اني أردت وضع 3 بنارات تتغير مع تحديث الصفحة..ونفس الوقت لما تضغط على البانر لا تظهر الbox retard ...فضلا وليس أمرا....تحياتي

<SCRIPT LANGUAGE="Javascript">
function banner() {
};
banner = new banner();
number = 0;

banner[number++] = "<a href='https://serfclick.net' target='_blank'><img src='https://serfclick.net/load/img/material/200-3.gif' ></a>"
banner[number++] = "<a href='https://serfclick.net' target='_blank'><img src='https://serfclick.net/load/img/material/200-5.gif'></a>"
banner[number++] = "<a href='https://serfclick.net' target='_blank'><img src='https://serfclick.net/load/img/material/200-2.gif'></a>"

increment = Math.floor(Math.random() * number);
document.write(banner[increment]);
</SCRIPT>

<div id="reward-box" style="display:none;">
<div class="form-group">

<div class="col-sm-offset-4 col-sm-4">

<input type="submit" class="btn btn-primary btn-lg claim-button" value="Get reward!">

</div>

</div>
</div>

<script>
let banner = document.getElementById("banner-ad");
let rewardBox = document.getElementById("reward-box");
banner.addEventListener("click",function(){
rewardBox.style.display = "block";
});
</script>

Mustafa Suleiman · 23 أغسطس 2023

كان هناك عدّة أخطاء في الكود وبعد التعديل الكود التالي يعمل بشكل سليم:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div id="banner-ad">
      <div id="reward-box" style="display: none">
        <div class="form-group">
          <div class="col-sm-offset-4 col-sm-4">
            <input type="submit" class="btn btn-primary btn-lg claim-button" value="Get reward!" />
          </div>
        </div>
      </div>
    </div>

    <script>
      let banners = [
        "<a href='https://serfclick.net' target='_blank'><img src='https://serfclick.net/load/img/material/200-3.gif'></a>",
        "<a href='https://serfclick.net' target='_blank'><img src='https://serfclick.net/load/img/material/200-5.gif'></a>",
        "<a href='https://serfclick.net' target='_blank'><img src='https://serfclick.net/load/img/material/200-2.gif'></a>",
      ];

      let increment = Math.floor(Math.random() * banners.length);

      document.getElementById('banner-ad').innerHTML = banners[increment];
      let banner = document.getElementById('banner-ad');
      let rewardBox = document.getElementById('reward-box');
      banner.addEventListener('click', function () {
        rewardBox.style.display = 'block';
      });
    </script>
  </body>
</html>

ما قمت به:

تعريف مصفوفة banners التي تحتوي على جميع بنراتك.
استخدام طول المصفوفة banners.length في حساب عشوائي لاختيار بانر عشوائي.
استخدام innerHTML لتحديث محتوى div البانر بدلاً من document.write لتحسين أداء وأمان الكود.
وضع الكود الخاص بالتفاعل مع البانر وظهور صندوق الجوائز داخل نفس الهيكل.

Ikram Ikram4 · 23 أغسطس 2023

بتاريخ 2 ساعة قال Mustafa Suleiman:

كان هناك عدّة أخطاء في الكود وبعد التعديل الكود التالي يعمل بشكل سليم:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div id="banner-ad">
      <div id="reward-box" style="display: none">
        <div class="form-group">
          <div class="col-sm-offset-4 col-sm-4">
            <input type="submit" class="btn btn-primary btn-lg claim-button" value="Get reward!" />
          </div>
        </div>
      </div>
    </div>

    <script>
      let banners = [
        "<a href='https://serfclick.net' target='_blank'><img src='https://serfclick.net/load/img/material/200-3.gif'></a>",
        "<a href='https://serfclick.net' target='_blank'><img src='https://serfclick.net/load/img/material/200-5.gif'></a>",
        "<a href='https://serfclick.net' target='_blank'><img src='https://serfclick.net/load/img/material/200-2.gif'></a>",
      ];

      let increment = Math.floor(Math.random() * banners.length);

      document.getElementById('banner-ad').innerHTML = banners[increment];
      let banner = document.getElementById('banner-ad');
      let rewardBox = document.getElementById('reward-box');
      banner.addEventListener('click', function () {
        rewardBox.style.display = 'block';
      });
    </script>
  </body>
</html>

ما قمت به:

تعريف مصفوفة banners التي تحتوي على جميع بنراتك.
استخدام طول المصفوفة banners.length في حساب عشوائي لاختيار بانر عشوائي.
استخدام innerHTML لتحديث محتوى div البانر بدلاً من document.write لتحسين أداء وأمان الكود.
وضع الكود الخاص بالتفاعل مع البانر وظهور صندوق الجوائز داخل نفس الهيكل.

بارك الله فيك

تصحيح كود سكريبت

السؤال

Ikram Ikram4

2 أجوبة على هذا السؤال

Recommended Posts

Mustafa Suleiman

Ikram Ikram4

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية