请问大家，为什么我的JavaScript和CSS　ｆｉｌｅ不能成功import到HTMLfile里

大家好，我在跟它学习做小小的wangye　，预期效果是这样的：一堆泡泡升起来 https://codepen.io/kitjenson/pen/OJvKryL
我把html，css，js三个file放在同一个folder里 用这样的方法在html里插入css和js js和css文件分别是这样的，为什么js和css导入不成功呢。我的HTML文件打开只有光秃秃的2行字。完全不是教学里那样，蓝色背景的泡泡升起来
然后在chrome里打开就是光秃秃的3行字，没有报错。请问为什么不能显示css和js的功能呢

我不太懂css和javascript，但是这个报错的意思明显就是bm，亦即document.querySelector返回空值了。感觉css没有被import似的。你先把JavaScript从html里抹了，看看css里头定义的背景字体apply上去没有。 然后，虽然我认为这种错不会有人犯……你确信你的操作系统已经设置成可以做web server的吧？放这仨文件的那个folder是web server的folder吧？

路径问题。

html 应该包含head

把html file 里的<script ...> 那一行放到</div>之后试试

你的<link> 为什么在<style></style>里？把它移出来看看

谢谢大家的帮助，我改好了，我把<style></style>删了，把插入css改成这样就可以了 <link rel="stylesheet" href="style.css">

你的<link> 为什么在<style></style>里？把它移出来看看
silvermoon 发表于 2022-10-17 10:23

对，我把<style></style>删了，谢谢你！

路径，文件扩展名，js不是.js.txt

使用chrome develop tool 查看一下