首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >我的HTML代码没有拾取本地javascript文件

我的HTML代码没有拾取本地javascript文件
EN

Stack Overflow用户
提问于 2021-12-04 20:16:26
回答 1查看 67关注 0票数 0

我遵循一个教程,它使用js文件来动态静态页面,我逐字输入了所有内容,但是当我用浏览器打开它时,我的页面仍然是静态的。我把HTML文件和js文件放在同一个目录中。

JS和文件

代码语言:javascript
运行
复制
//some great message options
const vibes = [
    "... and you are awesome!",
    "... have an amazing day!",
    "... love to see you win!",
    "... can't wait to see what you accomplish today!",
    "... You got this!"
];

var vibe = vibes[Math.floor(Math.random() * Math.floor(vibes.length))];

// diplay a good vibe
document.querySelector(".vibe").append(vibe);
代码语言:javascript
运行
复制
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>A page for you</title>
    <style>
        body{
            text-align:center;
        }
        div.container{
            width: 400px;
            margin: 0 auto;
        }
        .love{
            font-size: 4em;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>This is a page for you</h1>
        </div class="vibe">You are great!</div>
        <div class="love">
            ❤️
        </div>
    </div>
    <script type="text/javascript" src="vibe.js"></script>
</body>
</html>

如何让html文件选择js脚本并对消息进行随机化?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-12-04 20:28:53

解决这个问题;

代码语言:javascript
运行
复制
 </div class="vibe">You are great!</div>

它应该是

代码语言:javascript
运行
复制
<div class="vibe">You are great!</div>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70229145

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档