jQuery addClass example

Change class name on click in jQuery

by kplatova

HTML

<div id="message"></div>

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#message {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  font-size: 25px;
  text-align: center;
  transition: all 0.2s;
  margin: 0 auto;
  width: 300px;
  color: #000;
}

JavaScript

// сюда мы будем складывать наш общий доход и расход
var margin, expense;
 
// переменная поможет нам отследить седьмой день, когда все драконы снесут яйца
var day = 0;
 
// считаем количество дней всего, один год — это 365 дней
var dayZ = 0;
 
// количество драконов, на старте — 20
var group = 20;
 
// сколько яиц нам принесли все рептилии за неделю, в самом начале пока — 0
var eggs = 0;
 
// устанавливаем стартовые цифры дохода и расхода на первый день работы
margin = 0;
expense = 500;
 
// чтобы иметь возможность прекратить подсчёты, когда пройдёт один год, поместим все наши вычисления в функцию
// объявляем функцию с названием runDragonSimulator
function runDragonSimulator() {
    
    // пока расходы превышают доходы — работаем
    while (margin < expense) {
        
        // наступил новый день из семи
        day += 1;
        
        // и сразу считаем общее количество дней
        dayZ += 1;
        
        // каждый день мы тратим 500 серебряных…
        expense += 500;
                       
        // каждый седьмой день нам приносит доход, это значит:
        if (day == 7) {
            
            // все драконы несут за неделю по два яйца
            eggs +=group * 2;
            
            // берём наш доход и увеличиваем его на доход от продажи всех яиц, собранных за неделю
            margin += eggs * 50;
            
            //каждую неделю покупаем два дракона по 300 серебряных…
            expense += 2 * 300;
            
            // …это увеличивает общее количество рептилий
            group += 2;
            
            // все яйца распродали, начинаем сначала
            eggs = 0;
            
            // отсчитываем дни заново
            day = 0;
        }
        
        // если прошёл год, а проект так и не взлетел — останавливаемся и считаем убытки
        if ((dayZ == 356) && ((margin - expense) < 0)) {
            
            // выводим сообщение о доходах и расходах за этот год
         ...