JSFiddle - React, Tailwind, and code Playground

by donniec

HTML

<input name="sentence"/><button>
convert
</button>
<h1>

</h1>

JavaScript

$('button').click(()=>{
	let input = sarcasticFont($('input').val());
	$('h1').text(input);
});

let sarcasticFont = (sentence) => { return Array.from( sentence.toLowerCase()).reduce((acc,curr,idx)=>{
	return `${acc}${idx%2==0 ? curr.toUpperCase() : curr}`;
}, '')}