时间戳

首页 > 解决方案 > 页面加载时随机生成变量

javascript - 页面加载时随机生成变量

问题描述

我正在尝试在 JavaScript 中创建一个刽子手游戏，但是，我遇到了一个尝试让名称在页面加载时随机生成的问题。任何建议，将不胜感激！

请看代码。

<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
  <p id='movie-title'></p>
  <footer>
  </footer>
</body>
</html>

var movieTitles = [
  "Halloween",
  "Suspiria",
  "Audition",
  "Hereditary",
  "The Beyond",
  "The Evil Dead",
  "The Blair Witch Project"
];

function randomMovieTitle(movie) {
  return "Movie Title:"+ " " + movie;
}
document.getElementById("movie-title").innerHTML = randomMovieTitle("Halloween");

我也试过把

moviesToGuess = movieTitles[Math.floor(Math.random() * movieTitles.length)];

“万圣节”在哪里

document.getElementById("movie-title").innerHTML = randomMovieTitle("Halloween");

但我无法让它随机生成，我一直在尝试

document.getElementById("movie-title").onload = function() {randomMovieTitle()};

页面加载。

让页面在页面加载时随机生成其中一个电影标题。

标签： javascripthtmlarrays

解决方案

只需Math.random在函数调用中使用：

var movieTitles = [
  "Halloween",
  "Suspiria",
  "Audition",
  "Hereditary",
  "The Beyond",
  "The Evil Dead",
  "The Blair Witch Project"
];

function randomMovieTitle(movie) {
  return "Movie Title: " + movie;
}
document.getElementById("movie-title").innerHTML = randomMovieTitle(movieTitles[Math.floor(Math.random() * movieTitles.length)]);
<p id='movie-title'></p>

按Run code snippet几次以查看它的运行情况。

推荐阅读