Javascript 404的随机图像_Javascript_Html_Css

Javascript 404的随机图像

javascript html css

Javascript 404的随机图像,javascript,html,css,Javascript,Html,Css,首先，我在Js方面很糟糕，而且非常新。我正试图使一个随机图像弹出时，该网站转到一个404。我无法判断我的网站是否真的在运行代码，因为console.log不起作用。正因为如此，我把我所有的CSS和js都放在同一个HTML文件中，看看这是否是问题所在（不是）。非常感谢您的帮助：） HTML: 伊克斯先生{ 背景色：黑色； } 怀特先生{ 颜色：白色； } .可爱的街区{ 边框：蓝色；边界：10px；利润率：50像素； } 标签{ 利润率：10px； } 输入{ 利润率：10px；颜色：黑色

首先，我在Js方面很糟糕，而且非常新。我正试图使一个随机图像弹出时，该网站转到一个404。我无法判断我的网站是否真的在运行代码，因为console.log不起作用。正因为如此，我把我所有的CSS和js都放在同一个HTML文件中，看看这是否是问题所在（不是）。非常感谢您的帮助：）

HTML:


伊克斯先生{
背景色：黑色；
}
怀特先生{
颜色：白色；
}
.可爱的街区{
边框：蓝色；
边界：10px；
利润率：50像素；
}
标签{
利润率：10px；
}
输入{
利润率：10px；
颜色：黑色；
}
哎呀。
我们不知道你是如何来到这里的
你是怎么来的



还有别的吗？



函数getMeme（）{
var meme=new数组（'images/no_more-ico.png'，'images/nothing.png'，'images/phpfiles.png'，'images/sike.png'）；
var pp=Math.floor（Math.random（）*meme.length）；
document.getElementById（“结果”）.onload=''；
}

使用代码时，需要确保调用/调用函数

getMeme

。此外，您需要更新函数，以使用

id

result

修改元素的

innerHTML

，而不是分配给它的事件处理程序

onload

请参见下面的演示：

我在stackoverflow上添加了一个

控制台.log

，用于调试，因为问题中共享的图像不可用


伊克斯先生{
背景色：黑色；
}
怀特先生{
颜色：白色；
}
.可爱的街区{
边框：蓝色；
边界：10px；
利润率：50像素；
}
标签{
利润率：10px；
}
输入{
利润率：10px；
颜色：黑色；
}
哎呀。
我们不知道你是如何来到这里的
你是怎么来的



还有别的吗？



函数getMeme（）{
var meme=new数组（'images/no_more-ico.png'，'images/nothing.png'，'images/phpfiles.png'，'images/sike.png'）；
var pp=Math.floor（Math.random（）*meme.length）；
console.log（“selected meme”，meme[pp]）；//在stackoverflow上包含用于调试的行，因为共享的图像不可用
//更新目标元素的“innerHTML”
document.getElementById（“结果”）.innerHTML=''；
}
//在页面末尾调用函数getMeme
getMeme（）；

您已经创建了函数

getMeme（）

，但我看不到您在任何地方调用它？我也不认为这个问题与PHP有关。对不起，调用函数是我的最新版本，但不是我发布的版本，我还删除了PHP标记。但它仍然不起作用。

<html>

<head>
  <?php include $_SERVER["DOCUMENT_ROOT"]."/php/ballsdeep1headndnav.php"; ?>
  <link rel="stylesheet" href="../main.css" />
  <style>
    .yikes {
      background-color: black;
    }

    .white {
      color: white;
    }

    .cute_block {
      border: blue;
      border: 10px;
      margin: 50px;
    }

    label {
      margin: 10px;
    }

    input {
      margin: 10px;
      color: black;
    }

  </style>
  <title>Yikes.</title>
</head>

<body class="yikes">
  <h1 class="center white">
    <404>
  </h1>
  <div id="getMeme()"></div>
  <p class="white cute_block center">We have no clue how you ended up here</p>
  <form class="white cute_block center">
    <label for="how">How did you get here</label>
    <input type="text" id="how" name="how"><br><br>
    <label for="else">Anything else?</label>
    <input type="text" id="else" name="else"><br><br>
    <input type="submit" value="Submit">
  </form>
</body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-p34f1UUtsS3wqzfto5wAAmdvj+osOnFyQFpp4Ua3gs/ZVWx6oOypYoCJhGGScy+8" crossorigin="anonymous"></script>
<script>
  function getMeme() {
    var meme = new Array('images/no_more-ico.png', 'images/nothing.png', 'images/phpfiles.png', 'images/sike.png');
    var pp = Math.floor(Math.random() * meme.length);
    document.getElementById("result").onload = '<img src="' + meme[pp] + '" />';
  }
</script>

</html>