gpt4 book ai didi

javascript - 将 HTML 文件附加到 JS 文件

转载 作者:行者123 更新时间:2023-11-30 11:23:52 26 4
gpt4 key购买 nike

<分区>

我在尝试让我的 JS 文件与我的 HTML 文件一起工作时遇到了一些麻烦,或者至少我认为这就是问题所在。当我运行我的网站时,它不会在我单击按钮时将文本更改为新文本...

这是 Js 文件:

    var page = document.getElementById('pageContainer');

function homepage() {
page.innerHTML = '<p>This is the main page of the site!</p>';
}

function contactpage() {
page.innerHTML = '<p>This is the contact page of the site!</p>';
}

function aboutpage() {
page.innerHTML = '<p>This is the about page of the site!</p>';
}

这是 HTML 文件:

    <html>
<head>
<script src="script.js" type="text/javascript" ></script>
<link rel="stylesheet" href="style.css">
<title>alphaEncryption's Website!</title>
</head>
<body>
<h1>Welcome to the website!</h1>
<h2>have a look around!</h2>
<button id='home' onclick='homepage()'>Home</button>
<button id='contact' onclick='contactpage()'>Contact</button>
<button id='about' onclick='aboutpage()'>About</button>
<div id='pageContainer'>
<p id='page'>This is the main page of the site!</p>
</div>
</body>
</html>

How it is now!

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com