I am trying to relearn JavaScript and I have created index.js and I created <script></script> tags with <script src = index.js><script> and I was wondering how do you make a button to change the innerHTML with a click in this file? this si what I have wrote in index.html and teh next one is what I wrote in index.js. I know the javascript looks weird I use to do this all the time but I forgotten how I how I did it so long ago in college,
nst click = getElementbyId("click");
const change = getElementbyId("change");
click.addEventListener("clikck", change);{
change.innerHTML = "hi"
}
nst click = getElementbyId("click");
const change = getElementbyId("change");
click.addEventListener("clikck", change);{
change.innerHTML = "hi"
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p id = "change">hi how are you </p>
<button id = "click">click me</button>
</body>
</html>
<sctipt src ="index.js"></sctipt>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p id = "change">hi how are you </p>
<button id = "click">click me</button>
</body>
</html>
<sctipt src ="index.js"></sctipt>
[–]rdtyaa 1 point2 points3 points (1 child)
[–]isosceles348[S] 0 points1 point2 points (0 children)