i have a problem with my code , i was expecting the h1 content to change the content but it is not changing [closed]

as u see in this image u can help me. and i expect the heading to change to goodbye.

this shows chrome results

var items = document.getElementsByClassName('items');
console.log(items);
items.innertext="goodbye";
<html>
 <head>
  <meta charset="utf-8">
   <link type="text/CSS" href="C:/Users/ITDEPARTEMENT/Desktop/practice/DOM.css" rel="stylesheet"/>
  </head>
   <body >
    <script src="C:/Users/ITDEPARTEMENT/Desktop/practice/DOM.js"></script>
    <h1 class="items">the items</h1>
    <ul >
     <li >item1</li>
     <li>item2</li>
     <li>item3</li>
     <li>item4</li>
     <li>item5</li>
    </ul>
   </body>
  </html>


Read more here: https://stackoverflow.com/questions/68465202/i-have-a-problem-with-my-code-i-was-expecting-the-h1-content-to-change-the-con

Content Attribution

This content was originally published by livingstone at Recent Questions - Stack Overflow, and is syndicated here via their RSS feed. You can read the original post over there.

%d bloggers like this: