how to add a tile list and onchange event to another page

[sam4444]

I can generate a list from the tutorial given in https://dev.fitbit.com/build/guides/user-interface/svg-components/views/#advanced-usage.

But on OnClick, how do I show another page with some text in it?  

[JonFitbit]

You basically need to show and hide <svg> elements, like:

<svg id="list">
  <!-- your tile list -->
</svg>
<svg id="details" display="none">
  <text id="thing" />
  <text id="back" pointer-events="all">Back</text>
</svg>

let list = document.getElementById("list");
let details = document.getElementById("details");
let thing = document.getElementById("thing");
let back = document.getElementById("back");

function backClickHandler() {
  details.style.display = "none";
  list.style.display = "inline";
}

function itemClickHandler() {
  list.style.display = "none";
  thing.text = "something";
  details.style.display = "inline";
}