JSFiddle - React, Tailwind, and code Playground

HTML

<body onload="say()">
    <div id="head">
        <header>
             <h1>Актуальные новости</h1>

        </header>
        <section>
            <p id="news">Произошло невероятное!</p>
            <button type="button" onclick="say()">Следущая новость</button>
        </section>
        <footer>Все персонажи являются вымышленными. Любые совпадения случайны.</footer>
    </div>
</body>

CSS

#head {
    height: 66px;
    margin: -8px -8px 0px -8px;
    background: #eee;
    text-align: center;
}
header {
    width: 100%;
    height: 66px;
    line-height: 55px;
}
h1 {
    font-family: Futura;
    font-size: 32pt;
    margin: 0px;
}
p {
    font-size: 18pt;
    font-family: Arial;
    height: 36px;
}
button {
    background: #eef;
    margin: 10px;
    padding: 8px;
    font-family:'Tahoma';
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
}
footer {
    width: 100%;
    position: absolute;
    bottom: 0px;
    background: #f30;
    color: white;
    font-size: 10pt;
}

JavaScript

var shocked = ["шок", "сенсация", "такого вы еще не видели", "срочная новость", "невероятно", "рассекречены архивы", "новость дня", "необъяснимо", "раскрыта загадка века", "ужас", "срочно в номер", "даже не верится", "волосы встают дыбом", "вы удивитесь", "уникальное событие", "актуальная тема", "скандал", "молния", "случилось непоправимое", "катастрофа", "кошмар", "мрачные прогнозы сбылись", "Ванга предупреждала", "пророчества Нострадамуса", "вот что запрещала цензура", "никто не ожидал", "взрыв мозга"];

var nouns = [
    ["Белый дом", "пентагон", "весь мир", "запад", "госдеп", "Вашингтон", "Китай", "интернет", "европейский суд", "Израиль", "Тель-Авив", "Крым", "Ватикан"],
    ["Европа", "Москва", "Америка", "страна", "Россия", "Украина", "Нигерия", "ООН", "биржа", "церковь", "блогосфера"],
    ["эксперты", "ученые", "депутаты", "правозащитники", "либералы", "криминалисты", "аналитики", "телезрители", "читатели", "социальные сети", "юристы", "экономисты", "бизнесмены"]
];

var verbs = [
    ["ужаснулся", "обескуражен", "вздрогнул", "ахнул", "озабочен", "поседел", "замер в ужасе", "ссыт кипятком", "гудит", "плачет кровавыми слезами", "ошарашен", "всполошился", "паникует", "рассержен", "кипит"],
    ["ужаснулась", "вздрогнула", "поперхнулась", "переволновалась", "сошла с ума", "бьется в истерике", "ахнула", "содрогнулась", "дрожит от ужаса", "возмущена", "обеспокоена", "остолбенела", "ошарашена", "напряглась", "разгневана", "скорбит", "за миг до катастрофы", "в двух шагах от коллапса", "на пороге войны", "на гране взрыва", "бурлит", "клокочет", "встрепенулась"],
    ["сходят с ума", "попрехнулись", "поражены", "содрагнулись", "охерели", "негодуют", "бьют тревогу", "насторожились", "не верят своим глазам", "предупреждают", "выпучили глаза", "открыли рты", "перекрестились", "трепещут", "оцепинели", "похолодели", "плачут навзрыд", "присели", "рухнули", "остолбенели"],
    ["в панике", "в шоке", "в страхе", "в нокауте", "в ауте", "в трауре", "в горе", "в...