title: Change the image src for multipe images
body: <p>Here is my HTML:</p>
  
  <pre><code>&lt;img class="image" src="" /&gt;
  &lt;img class="image" src="" /&gt;
  &lt;img class="image" src="" /&gt;
  &lt;button onclick="changeImages()"&gt;Change the images&lt;/button&gt;
  </code></pre>
  
  <p>Here is my JavaScript:</p>
  
  <pre><code>function changeImages() {
  document.getElementsByClassName("image").setAttribute("src", "images/image.png");
  }
  </code></pre>
  
  <p>How can I make my code so that when I click the button, all those images change?</p>
  
  <p>Thanks</p>