frippz/dyslexicMode.js

## dyslexicMode.js
/**
 * Toggle dyslexic mode
 */
 function dyslexicMode() {

  // Place button inside role="banner"
  var toggleContainer = document.querySelector('[role="banner"] .landmark-content');

  // Create toggle button
  toggleContainer.insertAdjacentHTML('beforeend', '<button type="button" class="toggle-dyslexic-mode" data-text-original="Enable dyslexic mode" data-text-swap="Disable dyslexic mode">Enable dyslexic mode</button>');

  // Cache button selector
  var dyslexicButton = document.querySelector('.toggle-dyslexic-mode');

  // Function to toggle class and swap text on button
  function toggleDyslexicMode() {
    // Toggle the clas on <body>
    document.body.classList.toggle('dyslexic-mode');

    // Swap text on <button>
    if (dyslexicButton.getAttribute('data-text-swap') === dyslexicButton.innerHTML) {
      dyslexicButton.innerHTML = dyslexicButton.getAttribute('data-text-original');
    } else {
      dyslexicButton.setAttribute('data-text-original', dyslexicButton.innerHTML);
      dyslexicButton.innerHTML = dyslexicButton.getAttribute('data-text-swap');
    }
  }

  // Swap class & text on click
  dyslexicButton.addEventListener('click', toggleDyslexicMode, false);
}
	/**
	* Toggle dyslexic mode
	*/
	function dyslexicMode() {

	// Place button inside role="banner"
	var toggleContainer = document.querySelector('[role="banner"] .landmark-content');

	// Create toggle button
	toggleContainer.insertAdjacentHTML('beforeend', '<button type="button" class="toggle-dyslexic-mode" data-text-original="Enable dyslexic mode" data-text-swap="Disable dyslexic mode">Enable dyslexic mode</button>');

	// Cache button selector
	var dyslexicButton = document.querySelector('.toggle-dyslexic-mode');

	// Function to toggle class and swap text on button
	function toggleDyslexicMode() {
	// Toggle the clas on <body>
	document.body.classList.toggle('dyslexic-mode');

	// Swap text on <button>
	if (dyslexicButton.getAttribute('data-text-swap') === dyslexicButton.innerHTML) {
	dyslexicButton.innerHTML = dyslexicButton.getAttribute('data-text-original');
	} else {
	dyslexicButton.setAttribute('data-text-original', dyslexicButton.innerHTML);
	dyslexicButton.innerHTML = dyslexicButton.getAttribute('data-text-swap');
	}
	}

	// Swap class & text on click
	dyslexicButton.addEventListener('click', toggleDyslexicMode, false);
	}