create a hidden element gist for digital breakouts

readme.md

Create a hidden element for a better display on the Ipad

Hidden.gs

function doGet() {
  //open the Hidden.html page
  return HtmlService.createHtmlOutputFromFile('Hidden');
}

Hidden.html

<h1 id="asterisk">*</h1>
<h2 id="hidden-text" style="display:none">This is the hidden text</h2>

<script>
  //create an event listener on the asterisk for a mousedown or pressdown on ipad
  document.getElementById('asterisk').addEventListener('mousedown', function() {
    //make the hidden-text element visible
    document.getElementById('hidden-text').style.display = 'block';
  });

  //create an event listener for the mouse up to make the hidden-text disappear
  document.getElementById('asterisk').addEventListener('mouseup', function() {
    document.getElementById('hidden-text').style.display = 'none';
  });
</script>