<!DOCTYPE html>
<html>
<body>

<h3>A demonstration of how to access an ASIDE element</h3>

<p>"My family and I visited The Epcot center this summer."</p>

<aside id="myAside">
  <h4>Epcot Center</h4>
  <p>The Epcot Center is a theme park in Disney World, Florida.</p>
</aside>

<p>Click the button to set the text color of the aside content to red.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
    var x = document.getElementById("myAside");
    x.style.color = "red";
}
</script>

</body>
</html>