Utsu-P Wiki

This is an old revision of the document!

<div>Here is some text with <span style="color: #90ee90;">colored text</span>.</div>
<div>This is another line with a line break.<br/>And a new line.</div>

<button onclick=“toggleText()”>Show Hidden Text</button>

<script>

function toggleText() {
  var hiddenText = document.getElementById("hiddenText");
  var toggleButton = document.querySelector("button");
  if (hiddenText.style.display === "none") {
    hiddenText.style.display = "block";
    toggleButton.innerText = "Hide Hidden Text";
  } else {
    hiddenText.style.display = "none";
    toggleButton.innerText = "Show Hidden Text";
  }
}

</script>