JSFiddle - React, Tailwind, and code Playground

by dylan Holmes

HTML

<h1 id="prettiPlz">Hey StackOverflow...</h1>

CSS

body{
    background-color: #7ebec5;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1{
    color: #fff;
    text-align: center;
}

#prettiPlz{
    margin-top: 45vh;
}

JavaScript

var canI = 'Can I haz ';
var adjs = ['amazeing', 'supreme', 'shiny', 'amazeballs' , 'logo-lovely', 'magestic', 'beast-ass'];
var nouns = ['stickiez', 'graphical adhesions', 'sticky mofos', 'laptop sexy wear', 'Stacks sticky swag'];

var used = [];
var wrdz = ['StackOverflow stickers'];

function askForStickerz() {
    while (used.indexOf(wrdz) != -1){
		 var a = Math.floor(Math.random() * adjs.length);
		 var n = Math.floor(Math.random() * nouns.length);
		wrdz = [adjs[a]+ ' ' +nouns[n]];
    }
    used.push(wrdz);
    if (used.length > 49)
        used = [];
	$('#prettiPlz').html(canI + wrdz + ' ??');
};

setInterval(function(){askForStickerz()}, 3000);