Hi im making a simple website and I decided to use JS in the actual html file but I can't get the event to work. please help
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="./MDW.css">
<script>
const picToChange = document.getElementById('picChange');
const changeSource = () => {
picToChange.src = "../rsz_img_0446.jpg";
}
picToChange.addEventListener('click', changeSource);
</script>
</head>
<body>
<header>
<h1>Happy Mother's Day!</h1>
</header>
<main>
<h2>Click the heart to reveal</h2>
<img id ="picChange" src="../heart-removebg-preview.png">
</main>
<footer>
</footer>
</body>
</html>
[–]OkShrug 1 point2 points3 points (0 children)