JSFiddle - React, Tailwind, and code Playground

by Emily Humphrey

HTML

<textarea id="stuff"></textarea>
<button id="btn">Run</button>

JavaScript

var stuff_container = document.getElementById("stuff");
var button = document.getElementById("btn");

button.addEventListener("click", make_text_different);
	
function make_text_different(){
	var stuff = stuff_container.value.split("");
	var count = 0;
	var final = stuff.forEach(function(letter){
		count++;
		if(count % 2 === 0){
			letter = letter.toLowerCase();
		} else{
			letter = letter.toUpperCase();
		}
	});
	stuff = final.join("");
	console.log(stuff);
	stuff_container.innerHTML = stuff;
}