时间戳

首页 > 解决方案 > 为什么我的 javascript 嵌入在我的 HTML 中以随机化列表不起作用？

javascript - 为什么我的 javascript 嵌入在我的 HTML 中以随机化列表不起作用？

问题描述

我正在尝试创建一个非常初学者的脚本，该脚本将从主题列表中选择一个随机单词，为此我创建了一个 html 页面，我认为该页面正确嵌入了我主要从 stackoverflow 复制的 javascript ，但有些东西不能正常工作。我应该生成一个随机单词的 html 按钮将什么也不做。下面是html代码，以及javascript代码。我对此很陌生，请随时告诉我如何更好地表达这些问题，或者我做错了什么。谢谢！

<!DOCTYPE html>
<html>
<head>
<title>isportal</title>
<link rel="stylesheet" type="text/css" href
</head>
<body>
<h1>Completely Neccessary Generator </h1>
<div id="quoteDisplay">
    <!--Quotes will display here -->
</div>
<button onclick="newQuote()">New Quote</button>

<script type="text/javascript" src="randomItem.js"></script>
</body>
</html>

Javascript代码是

var myArray = [
"Administrative",
"Fiber Optic",
"BIOS",
"Security",
"Firewall",
"Mainframe",
"Power-cycling",
"HTML",
"Server-side",
"Coding-based",
"Power-orientied",
"Server",
"Connection-based",
"Networking"
];
function newQuote()  {
var randomItem = myArray[Math.floor(Math.random()*myArray.length)];

Random.body.innerHTML = randomItem;
}

预期的结果是 javascript 会根据数组生成一个随机词，实际结果是什么都没有生成。

标签： javascripthtml

解决方案

代替

Random.body.innerHTML = randomItem;

尝试

document.getElementById('quoteDisplay').innerHTML = randomItem;

此代码将获取具有 ID 的 divquoteDisplay并将其 HTML 设置为randomItem.

在您提供的代码中Random未定义，因此您的代码不起作用。如果您检查控制台，您应该会收到控制台错误。

推荐阅读