Document Dom

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Page Title</title>
</head>
<body>

<img src="https://www.closetag.com/images/photo1.jpg" alt="flower" width="200" height="150">
<img src="https://www.closetag.com/images/photo2.jpg" alt="flower" width="200" height="150">
<img src="https://www.closetag.com/images/photo3.jpg" alt="Smiley face" width="200" height="150">

<p>Click the button to display the URL of the first image (index 0) in the document.</p>

   <button type="button" id="button">Try It</button>
   <p id="result"></p>
    <script>
    let button = document.getElementById('button');
    let result = document.getElementById('result');
    let images = document.images.length; 
    button.addEventListener("click",()=>{
    result.innerHTML = images;
    });
    </script>
  
</body>   
</html>