I solve the challenge on this lesson but I am not getting pass it why JSON APIs and Ajax: Change Text with click Events below is my solution

JavaScript
#1 
   document.addEventListener('DOMContentLoaded',function(){
    document.getElementById('getMessage').onclick=function(){
      // Add your code below this line
      document.getElementsByClassName('message')
      [0].textContent="Here is the message";
      
      // Add your code above this line
    }
  });
</script>

<style>
  body {
    text-align: center;
    font-family: "Helvetica", sans-serif;
  }
  h1 {
    font-size: 2em;
    font-weight: bold;
  }
  .box {
    border-radius: 5px;
    background-color: #eee;
    padding: 20px 5px;
  }
  button {
    color: white;
    background-color: #4791d0;
    border-radius: 5px;
    border: 1px solid #4791d0;
    padding: 5px 10px 8px 10px;
  }
  button:hover {
    background-color: #0F5897;
    border: 1px solid #0F5897;
  }
</style>

<h1>Cat Photo Finder</h1>
<p class="message box">
  The message will go here
</p>
<p>
  <button id="getMessage">
    Get Message
  </button>
</p>
#2

Hello GeorgeSMulbah

Your code cuts at the very top, and for future reference, be sure to also link the challenge with which you are struggling. The ask for help button should prompt you with a few sections which help us help you, for instance:

Link to the challenge: https://www.freecodecamp.org/learn/data-visualization/json-apis-and-ajax/change-text-with-click-events

With all that said, the issue with your solution boils down to whitespace. It seems you might have accidentally separated the instruction on two lines. Let me know if that helps.

#3