javascript - 将 script.js 链接到 html-6ren

javascript - 将 script.js 链接到 html

转载作者：行者123 更新时间：2023-12-03 18:45:39

我正在尝试将 script.js 文件链接到 html，以便我可以向页面添加一些交互属性。在下面的示例中，目的是在单击“door1”图像时更改它。由于某种原因它不起作用，如果有人可以提供一些反馈，那将非常有帮助!

这是 HTML 代码:

<!DOCTYPE html>
<html>
<head>
<title>Chore Door!</title>
<link href="./style.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Work+Sans" rel="stylesheet"   type="text/css">
</head>

<body>
<div class='door-row'>
<img id='door1' src='https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/closed_door.svg'>

 </div>
<script type="text/javascript" src="./script.js">
</script> 
</body>
</html>

这是 script.js 代码:

var doorImage1 = document.getElementById('door1');
var botDoorPath = "https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/robot.svg"
doorImage1.onclick = () => {doorImage1.src=botDoorPath}

最佳答案

首先:类型下有 test/javascript 而不是 text/javascript。 :)

编辑答案:

将 ./script.js 更改为 script.js 适用于同一文件夹中的同级文件。

使用../上升了一个级别，/使用根文件路径。很高兴您已排序!

关于javascript - 将 script.js 链接到 html，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/61433242/