首先，英语不是我的母语。我来自挪威，所以我可能会说我的英语很差或其他什么。如果我这样做了，我道歉。
鉴于这是我的第一个项目，我决定创建一些简单的东西，因此我找到了一个简单的报价生成器。该功能包含在Javascript文件中，这就是问题所在。我已经用我所有的引号创建了一个数组(现在它只包含三个单词用于测试(，当你点击按钮时，一个引号应该会显示在屏幕上的框中。问题是，当你点击按钮时，什么都不会发生，我一辈子都想不出原因。我试着在Sublime和VS code中编写代码，只是想看看这是否与此有关，但似乎没有。VS code在几个地方显示了这两个错误：应为"，"的ts和应为声明或语句。不幸的是，我没有足够的经验来理解这些意味着什么。当您查看代码时，请记住，应该显示的注释和文本都是用我的母语编写的。如果你想让我翻译，我很乐意。我很沮丧，因为我已经想了很长时间了。如果你愿意为我提供任何帮助，我将不胜感激。
function clicked(
//Her er banken med sitatene
let quotes = ["Test 1", "test 2", "test 3",]
// Denne velger ut et tilfeldig sitat
let = quotes[Math.floor(Math.random() * quotes.length)];
// Denne omgjør det tilfeldige sitatet til HTML
document.getElementByID("output").innerHTML = quotes_random;
)body {
background-color: #90dcff;
}
#container {
height: 275px;
width: 750px;
margin: 0 auto;
border: 5px solid #673B90;
text-align: center;
background-color:#F5A01F;
position: relative;
top: 300px;
align-self: center;
}
#btn {
background-color: #fdfb76;
border: none;
outline: none;
margin: 50px auto;
height: 50px;
width: 250px;
font-size: 22px;
position: relative;
top: 250px;
align-self: center;
}
#btn:hover {
cursor: pointer;
cursor: hand;
background-color: #e10086;
}
#output {
margin: 25px auto;
font-size: 26px;
color: white;
text-align: center;
position: relative;
bottom: -120px;
align-self: center;
}<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="container">
<button onclick="clicked()" id="btn">Trykk her for et visdomord</button>
</div>
<p
id="output">Trykk på knappen for å generere et visdomsord
</p>
<script src="main.js"></script>
</body>
</html>您的代码有三个问题。
- 函数的语法是
function name(paramters) {code}，而不是function name(code) - 您不能只拥有
let而没有引用名称。你把quotes_random忘在那条线上了 - 你把
document.getElementById拼错成了document.getElementByID。最后一个d很小，因为它一直都是骆驼格结构
function clicked() {
//Her er banken med sitatene
let quotes = ["Test 1", "test 2", "test 3", ];
// Denne velger ut et tilfeldig sitat
let quotes_random = quotes[Math.floor(Math.random() * quotes.length)]; //let = quotes[Math.floor(Math.random() * quotes.length)];
// Denne omgjør det tilfeldige sitatet til HTML
document.getElementById("output").innerHTML = quotes_random; //document.getElementByID("output").innerHTML = quotes_random;
}<div id="container">
<button onclick="clicked()" id="btn">Trykk her for et visdomord</button>
</div>
<p id="output">Trykk på knappen for å generere et visdomsord</p>我建议在您选择的web浏览器上打开开发人员控制台(通常按F12(。
这将告诉您JavaScript解释器在哪里无法理解您的代码。