JSON APIs and AJAX - Change Text with click Events

JavaScript
1

Tell us what’s happening:

Hello, wy is not my code passing? Can someone help me pleasse?

Your code so far

<script>
  document.addEventListener('DOMContentLoaded', function(){
    document.getElementById('getMessage').onclick = function(){
      // Add your code below this line
  document.getElementByClassName('message').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>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Challenge Information:

JSON APIs and AJAX - Change Text with click Events

2

Hi @lianavaleria15 :wave: ,

Can you describe what is not happening and what you are expecting? Provide any messages you received, and refer to specific code related to the issue. You’ll see much better results when you take the time to explain your problem and show that you’ve done your due diligence.

3

  1. It is getElementsByClassName (Elements).

  2. As the name suggests, it can get multiple elements, which is why it returns an array of elements (it returns an HTMLCollection which is an array-like). Even when getElementsByClassName only finds one element, that element is still inside an array, and you must index into that array. Just as the example code shows, which by the way is also the solution code, so you can just copy and paste it.