Snarp/javascript_spoilers.html

## javascript_spoilers.html
<!DOCTYPE html>
<html>
<head>
  <style>
    .spoiler-hidden { background-color: gray; color: gray; cursor: pointer; }
  </style>
</head>
<body>

<p class="spoiler">CONTENT FLAGS: Clowns, Rich People, Extended Sounds Of Brutal Pipe Murder</p>

<div class="spoiler again">Here's another spoiler-protected item.</div>

</body>
<script type="text/javascript">
  // If Javascript is enabled, this code will gray out all text in elements of
  // class 'spoiler', allowing the user to click the grayed-out block to make
  // it visible.
  var spoilers = document.querySelectorAll(".spoiler");
  for (let spoiler of spoilers) {
    spoiler.classList.add('spoiler-hidden');
    spoiler.onclick = function() { this.classList.remove('spoiler-hidden'); }
  }
</script>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<style>
	.spoiler-hidden { background-color: gray; color: gray; cursor: pointer; }
	</style>
	</head>
	<body>

	<p class="spoiler">CONTENT FLAGS: Clowns, Rich People, Extended Sounds Of Brutal Pipe Murder</p>

	<div class="spoiler again">Here's another spoiler-protected item.</div>

	</body>
	<script type="text/javascript">
	// If Javascript is enabled, this code will gray out all text in elements of
	// class 'spoiler', allowing the user to click the grayed-out block to make
	// it visible.
	var spoilers = document.querySelectorAll(".spoiler");
	for (let spoiler of spoilers) {
	spoiler.classList.add('spoiler-hidden');
	spoiler.onclick = function() { this.classList.remove('spoiler-hidden'); }
	}
	</script>
	</html>