Как проверять билеты по тиражной таблице
Отмечайте по порядку числа из таблицы в своих билетах. Игра проходит в несколько туров, в каждом из которых свои условия выигрыша.
1 тур: выигрывают билеты, где раньше совпали все 5 чисел строки.
2 тур: выигрывают билеты, где совпали все 15 чисел в одном поле.
3 и далее: выигрывают билеты, в которых совпали все числа билета.
После окончания игры оставшиеся шары в розыгрыше не участвуют.
| Тур | Порядок выпадения шаров | Победители | Выигрыш |
|---|
| 1 | 5752895660238717 | 1 | 360 000 |
| 2 | 5881654716859643133553444464280664327482488281418327970401038 | 1 | 700 000 |
| 3 | 30118254196920678632115084536761513926903768714177 | 2 | 350 000 |
| 4 | 8 | 4 | 3 000 |
| 5 | 86 | 3 | 2 000 |
| 6 | 13 | 8 | 1 500 |
| 7 | 3 | 14 | 1 000 |
| 8 | 73 | 20 | 500 |
| 9 | 62 | 39 | 500 |
| 10 | 74 | 63 | 500 |
| 11 | 59 | 79 | 300 |
| 12 | 75 | 164 | 300 |
| 13 | 25 | 323 | 300 |
| 14 | 83 | 368 | 200 |
| 15 | 12 | 733 | 200 |
| 16 | 35 | 1 078 | 200 |
| 17 | 45 | 1 679 | 180 |
| 18 | 29 | 3 226 | 180 |
| 19 | 49 | 4 082 | 180 |
| 20 | 5 | 7 144 | 180 |
| 21 | 76 | 11 272 | 180 |
| 22 | 24 | 17 710 | 150 |
| 23 | 7 | 24 347 | 150 |
| 24 | 15 | 36 220 | 150 |
const btn = document.getElementById('showrules');
const rules = document.getElementById('loadrules');
btn.addEventListener('click', () => {
if (!rules.classList.contains('open')) {
rules.style.display = 'block'; // показать, чтобы можно было измерить
const height = rules.scrollHeight + 'px';
rules.style.maxHeight = '0';
// небольшая пауза, чтобы браузер применил 0
requestAnimationFrame(() => {
rules.style.transition = 'max-height 0.4s ease, opacity 0.4s ease';
rules.style.maxHeight = height;
rules.style.opacity = '1';
});
rules.classList.add('open');
btn.innerHTML = '❌ Скрыть правила';
} else {
rules.style.transition = 'max-height 0.4s ease, opacity 0.4s ease';
rules.style.maxHeight = '0';
rules.style.opacity = '0';
rules.addEventListener('transitionend', function end() {
rules.style.display = 'none';
rules.removeEventListener('transitionend', end);
});
rules.classList.remove('open');
btn.innerHTML = '📜 Правила';
}
});
.loadrules {
background: #fff8f9;
border: 1px solid #ffd6da;
border-radius: 8px;
padding: 15px 20px;
margin-top: 15px;
font-size: 15px;
color: #333;
line-height: 1.55;
overflow: hidden; /* важно для анимации высоты */
max-height: 0; /* стартовая высота */
opacity: 0;
transition: max-height 0.4s ease, opacity 0.4s ease;
}
.loadrules.open {
/* сюда JS установит нужную max-height */
opacity: 1;
}
.tirazh-wrapper {
max-width: 900px;
margin: 25px auto;
padding: 22px 24px;
border: 2px solid #ffe0e3;
border-radius: 10px;
background: #fff;
box-shadow: 0 3px 10px rgba(0,0,0,0.08);
font-family: "Segoe UI", Arial, sans-serif;
}
/* верхняя строка: заголовки слева, кнопка справа */
.tirazh-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
gap: 10px;
}
.title-block h1 {
margin: 0;
font-size: 22px;
color: #333;
}
.title-block h2 {
margin: 4px 0 0;
font-size: 18px;
color: #666;
}
/* кнопка справа */
.rules-btn {
background: linear-gradient(135deg, #ff5a69, #ff8a5c);
color: #fff;
border: none;
border-radius: 8px;
padding: 9px 18px;
cursor: pointer;
font-weight: 600;
font-size: 15px;
transition: all 0.25s ease;
box-shadow: 0 3px 6px rgba(255, 90, 105, 0.32);
height: fit-content;
}
.rules-btn:hover {
transform: translateY(-1px) scale(1.05);
box-shadow: 0 4px 10px rgba(255, 90, 105, 0.45);
}
.rules-btn:active {
transform: scale(0.97);
}
/* блок правил */
.loadrules {
background: #fff8f9;
border: 1px solid #ffd6da;
border-radius: 8px;
padding: 15px 20px;
margin-top: 15px;
font-size: 15px;
color: #333;
line-height: 1.55;
display: none;
opacity: 0;
transform: translateY(-10px);
transition: all 0.35s ease;
}
.loadrules.open {
display: block;
opacity: 1;
transform: translateY(0);
}
.bold {
color: #ff5a69;
font-weight: 600;
}
/* базовый стиль таблицы */
.tirazh {
width: 100%;
border-collapse: collapse;
margin-top: 15px;
}
.tirazh th, .tirazh td {
border: 1px solid #eee;
padding: 8px;
text-align: center;
}
.tirazh thead {
background: #fff3f3;
font-weight: 600;
}