什么'；我的Javascript代码有什么问题？它赢了'；跑不动

我的显示随机图像基础在嵌入的html页面中都不起作用。我甚至添加了一个测试函数“anAlert”，它可以完美地工作。请帮助我了解我能做些什么来完成这项工作。

按钮未定义

var malediv = document.querySelector('.male');
        var femalediv = document.querySelector('.female');
        var male_sources = [
          "/images/m1.png",
          "/images/m2.png",
          "/images/m3.png",
          "/images/m4.png",
          "/images/m5.png",
          "/images/m6.png",
          "/images/m7.png",
          "/images/m8.png",
        ]
        var female_sources = [
          "/images/f1.png",
          "/images/f2.png",
          "/images/f3.png",
          "/images/f4.png",
          "/images/f5.png",
          "/images/f6.png",
          "/images/f7.png",
          "/images/f8.png",
        ]


        function displayRandMaleImage() {
          malediv.innerHTML = "";
          var malerandom_number = Math.floor(Math.random() * 
male_sources.length);
          var random_male_image_source = male_sources[malerandom_number];
         maleimg = document.createElement('img');
          maleimg.setAttribute('src', random_male_image_source);
          malediv.append(maleimg);
          alert('maleimagedisplayed');
        }
    function displayRandFemaleImage() {
      femalediv.innerHTML = "";
      var femrandom_number = Math.floor(Math.random() * female_sources.length);
      var random_female_image_source = female_sources[femrandom_number];
      femaleimg = document.createElement('img');
      femaleimg.setAttribute('src', random_female_image_source);
      div.append(femaleimg);
    }
    function displayRandImages(){
      displayRandMaleImage();
      displayRandFemaleImage();
      alert('SKEEET');
    }

你应该像这样使用它

button.addEventListener('click', displayRandomImage);  

其中“buttonid”是按钮的id，应在html中定义。
还有一件事，当您访问任何其他js函数外的按钮时，它将在页面加载时被调用。
因此，您必须在html代码之后编写此javascript，以便在html中呈现的按钮元素之后调用它。

按钮未定义

var malediv = document.querySelector('.male');
        var femalediv = document.querySelector('.female');
        var male_sources = [
          "/images/m1.png",
          "/images/m2.png",
          "/images/m3.png",
          "/images/m4.png",
          "/images/m5.png",
          "/images/m6.png",
          "/images/m7.png",
          "/images/m8.png",
        ]
        var female_sources = [
          "/images/f1.png",
          "/images/f2.png",
          "/images/f3.png",
          "/images/f4.png",
          "/images/f5.png",
          "/images/f6.png",
          "/images/f7.png",
          "/images/f8.png",
        ]


        function displayRandMaleImage() {
          malediv.innerHTML = "";
          var malerandom_number = Math.floor(Math.random() * 
male_sources.length);
          var random_male_image_source = male_sources[malerandom_number];
         maleimg = document.createElement('img');
          maleimg.setAttribute('src', random_male_image_source);
          malediv.append(maleimg);
          alert('maleimagedisplayed');
        }
    function displayRandFemaleImage() {
      femalediv.innerHTML = "";
      var femrandom_number = Math.floor(Math.random() * female_sources.length);
      var random_female_image_source = female_sources[femrandom_number];
      femaleimg = document.createElement('img');
      femaleimg.setAttribute('src', random_female_image_source);
      div.append(femaleimg);
    }
    function displayRandImages(){
      displayRandMaleImage();
      displayRandFemaleImage();
      alert('SKEEET');
    }

你应该像这样使用它

button.addEventListener('click', displayRandomImage);  

其中“buttonid”是按钮的id，应在html中定义。
还有一件事，当您访问任何其他js函数外的按钮时，它将在页面加载时被调用。

---

因此，您必须在html代码之后编写此javascript，以便在html中呈现的button元素之后调用它。

它不起作用的原因有两个

1） 您尚未定义按钮。应该这样做：

document.getElementById('buttonid').addEventListener('click', displayRandImages);

或使用id：

var button = document.querySelector('.button_class');

2） 调用其他两个显示函数的函数名为

displayRandImages（）

然而，您在单击事件中使用了函数

displayRandomImage（）

：

按钮。addEventListener（'click'，displayRandomImage）

它不起作用的原因有两个

1） 您尚未定义按钮。应该这样做：

document.getElementById('buttonid').addEventListener('click', displayRandImages);

或使用id：

var button = document.querySelector('.button_class');

2） 调用其他两个显示函数的函数名为
displayRandImages（）

然而，您在单击事件中使用了函数
displayRandomImage（）
：

按钮。addEventListener（'click'，displayRandomImage）

在控制台中看到任何错误吗？也发布HTML以使问题重现？控制台中至少应有一个错误，因为没有名为
displayRandomImage
的函数。是否在控制台中看到任何错误？也发布HTML以使问题重现？控制台中应该至少有一个错误，因为没有名为
displayRandomImage
的函数。很抱歉，该按钮是过时的代码。这些函数是在加载页面上调用的，如果我调用除anAlert（）以外的任何函数，则没有函数工作。抱歉，按钮是过时的代码。这些函数是在页面加载时调用的，如果调用anAlert（）以外的任何函数，则这些函数都不起作用