- 已关闭。**此问题为not reproducible or was caused by typos。当前不接受答案。
这个问题是由打字错误或无法再重现的问题引起的。虽然类似的问题在这里可能是on-topic，但这个问题的解决方式不太可能帮助未来的读者。
7小时前关闭。
Improve this question
我正在学习如何通过视频https://www.youtube.com/watch?v=ec8vSKJuZTk&t=2126s构建一个游戏，当我打开它时，CSS和JavaScript不会在我的浏览器（Chrome）上呈现。我不知道为什么它不会链接。HTML工作正常，但JavaScript和CSS在我检查元素时不会显示。然而，JavaScript文件在我将其嵌入HTML时确实工作。谢谢!
我正在VisualStudio代码中编辑。
以下是我目前掌握的情况：
超文本：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Matching Game</title>
<link rel="stylesheet" types="text/css" href="styles.css"></>
</head>
<body>
<h3>Score: <span id="result"></span></h3>
<div id="grid"> </div>
<script scr="app.js"></script>
</body>
</html>JavaScript语言：
const cardArray = [
{
name: 'cactus',
img: 'images/cactus.png',
},
{
name: 'dino',
img: 'images/dino.png',
},
{
name: 'moon',
img: 'images/moon.png',
},
{
name: 'rabbit',
img: 'images/rabbit.png',
},
{
name: 'sun',
img: 'images/sun.png'
},
{
name: 'tree',
img: 'images/tree.png'
},
{
name: 'white',
img: 'images/white.png'
},
{
name: 'cactus',
img: 'images/cactus.png'
},
{
name: 'dino',
img: 'images/dino.png'
},
{
name: 'moon',
img: 'images/moon.png'
},
{
name: 'rabbit',
img: 'images/rabbit.png'
},
{
name: 'sun',
img: 'images/sun.png'
},
{
name: 'tree',
img: 'images/tree.png'
},
{
name: 'white',
img: 'images/white.png'
},
{
name: 'cactus',
img: 'images/cactus.png'
},
{
name: 'dino',
img: 'images/dino.png'
},
{
name: 'moon',
img: 'images/moon.png'
},
{
name: 'rabbit',
img: 'images/rabbit.png'
},
{
name: 'sun',
img: 'images/sun.png'
},
{
name: 'tree',
img: 'images/tree.png'
},
{
name: 'white',
img: 'images/white.png'
},
]
cardArray.sort(() => 8.5 - Math.random())
const gridDisplay = document.querySelector('#grid')
function createBoard() {
for (let i = 0; i < 10; i++) {
const card = document.createElement('img')
card.setAttribute('src', 'images/blank.png')
card.setAttribute('data-id', i)
gridDisplay.appendChild(card)
}
}
createBoard()CSS：
#grid{
width: 400px;
height: 300px;
}当前代码片段：
一个一个三个一个一个一个一个一个四个一个一个一个一个一个五个一个
2条答案
按热度按时间xwbd5t1u1#
变化
到
p8ekf7hl2#
在脚本导入行中将
scr属性更改为src。和应该没问题。