Скрипт корона вируса на сайте js

Мой простой код, который я сделал собрав 2-3 урока найденных в интернете. Так как я не понимаю js   
Суть скрипта в том, что он переворачивает элементы на сайте! В моём случай это видео! Сделал рандом, чтобы не всегда переворачивало!

Добавить в нужную страницу под класс который будите изменять!

<script>
    var randomikvirus = Math.floor(Math.random() * 3) + 1;
    if(randomikvirus == 2){
        var article = document.querySelector("div.tabs-b");
        article.className = article.className + " koronavirus";
    }
</script>

var article = document.querySelector("div.tabs-b"); - tabs-b класс в который нужно добавить переворот! 

Добавить в css своего сайта вот этот стиль!

.koronavirus{
    transform: rotate(180deg);
}

И ещё вот вам надпись:

<div class="pop-message" >Сайт был заражен опасным вирусом! Надевайте маски, чаще мойте руки и не забывайте, что сегодня 1 апреля :)</div>

Добавить в css

.pop-message {
    background: rgba(255,102,102,.8);
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
    padding: 5px 0;
}

---

Вернуться назад