May 22, 2021 ยท 1 min read
This one is going to be short.
Spongebob Case, according to
KnowYourMeme,
consists of an alternation of uppercase and lowercase text, and
represents a mocking tone.
I used to do this manually, which was excruciating.
Turns out, it is quite simple with JS, and with some modern browser APIs, totally accessible via a bookmarklet.
spongebobText = text
.split("")
.map((c) => (Math.random() < 0.5 ? c.toUpperCase() : c.toLowerCase()))
.join("");
To add the clipboard functionality, we use
navigator.clipboard.writeText
if (navigator.clipboard) {
let text = "";
if (window.getSelection) {
text = window.getSelection().toString();
} else if (document.selection && document.selection.type != "Control") {
text = document.selection.createRange().text;
}
spongebobText = text
.split("")
.map((c) => (Math.random() < 0.5 ? c.toUpperCase() : c.toLowerCase()))
.join("");
navigator.clipboard.writeText(spongebobText);
}
Go ahead and install SpOnGeBoB cAsE by dragging it to your bookmarks bar.
Select some text, and click the bookmarklet, and SPOngebOB cAse TexT Will BE coPiED tO YOur CliPboArD ๐.
Feel free to reach out to me via Twitter for any questions/suggestions! ๐