时间戳

首页 > 解决方案 > 将 script.js 链接到 html

javascript - 将 script.js 链接到 html

问题描述

我正在尝试将 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}

标签： javascripthtml

解决方案

首先：你有test/javascript而不是text/javascript在类型。:)

编辑答案：

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

using../上升一个级别，并/使用根文件路径。很高兴你被排序！

推荐阅读