��

mybb@mybb.ru (tarakan) — Wed, 01 Jul 2026 21:23:19 +0300

[html]<style>
.lottery-wrapper {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
}

.lottery-container {
background: white;
border-radius: 12px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
padding: 30px;
max-width: 500px;
width: 100%;
text-align: center;
}

h2 {
color: #2c3e50;
margin-top: 0;
margin-bottom: 20px;
}

.task-box, .reward-box {
background: #eef2f5;
border: 2px dashed #bdc3c7;
border-radius: 8px;
padding: 20px;
margin-bottom: 20px;
min-height: 80px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.1em;
color: #34495e;
transition: all 0.3s ease;
}

.reward-box {
background: #fff9e6;
border-color: #f1c40f;
display: none; /* �� */
}

.reward-box.success {
background: #eafaf1;
border-color: #2ecc71;
color: #27ae60;
font-weight: bold;
}

button {
background-color: #3498db;
color: white;
border: none;
padding: 12px 24px;
border-radius: 6px;
font-size: 1em;
cursor: pointer;
transition: background-color 0.2s, transform 0.1s;
margin: 5px;
}

button:hover {
background-color: #2980b9;
}

button:active {
transform: scale(0.98);
}

button:disabled {
background-color: #95a5a6;
cursor: not-allowed;
transform: none;
}

.btn-complete {
background-color: #2ecc71;
display: none; /* �� */
}

.btn-complete:hover {
background-color: #27ae60;
}

.loader {
border: 4px solid #f3f3f3;
border-top: 4px solid #3498db;
border-radius: 50%;
width: 30px;
height: 30px;
animation: spin 1s linear infinite;
margin: 0 auto;
display: none;
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

</style>

// �� . �� .
const rewards = [
"🏆 +100 �� ",
"💰 500 �� ",
"✨ �� '��'",
"🎨 �� ",
"💎 VIP-�� 3 ��",
"🎁 �� ",
"⭐ +50 �� ",
"🛡️ �� (��, �� !)",
"📜 �� ",
"💸 �� "
];

// ��
const taskDisplay = document.getElementById('taskDisplay');
const rewardDisplay = document.getElementById('rewardDisplay');
const btnGetTask = document.getElementById('btnGetTask');
const btnCompleteTask = document.getElementById('btnCompleteTask');
const loadingIndicator = document.getElementById('loadingIndicator');

// ��
let isTaskActive = false;
let currentTask = ""; // ��

// ��
function getRandomItem(array) {
const randomIndex = Math.floor(Math.random() * array.length);
return array[randomIndex];
}

// ��, �� "�� "
function generateTask() {
if (isTaskActive) return; // �� , ��

// �� (��, �� )
taskDisplay.style.opacity = 0.5;

setTimeout(() => {
currentTask = getRandomItem(tasks); // ��
taskDisplay.innerHTML = `<strong>�� :</strong><br><br>${currentTask}`;
taskDisplay.style.opacity = 1;

// ��
btnGetTask.style.display = 'none';
btnCompleteTask.style.display = 'inline-block';

// �� , ��
rewardDisplay.style.display = 'none';
rewardDisplay.classList.remove('success');

isTaskActive = true;
}, 500); // �� "��"
}

// ��, �� "� ��(�) ��!"
function completeTask() {
if (!isTaskActive) return;

// �� , ��
btnCompleteTask.disabled = true;
btnCompleteTask.innerText = "��...";
taskDisplay.style.display = 'none'; // ��
loadingIndicator.style.display = 'block'; // ��

// �� (�� 2 ��)
setTimeout(() => {
loadingIndicator.style.display = 'none'; // ��

// ��
const randomReward = getRandomItem(rewards);

// �� , �� [html]
const bbCodeResult = `[html]<div style="background:#eafaf1; border:2px solid #2ecc71; padding:15px; border-radius:8px; text-align:center; font-family:sans-serif; color:#2c3e50; margin: 10px 0;">
<h3 style="margin:0 0 10px 0; color:#27ae60;">�� !</h3>
<p style="margin:5px 0;"><b>��:</b> ${currentTask}</p>
<p style="margin:5px 0;"><b>��:</b> <span style="font-size:1.1em;">${randomReward}</span></p>
</div>[/html]`;

// �� Rusff
let inserted = false;
if (typeof insert === 'function') {
// �� Rusff �� BB-��
insert(bbCodeResult);
inserted = true;
} else {
// ��
const replyBox = document.getElementById('main-reply');
if (replyBox) {
replyBox.value += (replyBox.value ? '\n' : '') + bbCodeResult;
inserted = true;
}
}

// ��
rewardDisplay.style.display = 'flex';
rewardDisplay.style.flexDirection = 'column'; // ��
rewardDisplay.classList.add('success');

if (inserted) {
rewardDisplay.innerHTML = `��! �� !<br><br><strong>�� :</strong><br>${randomReward}<br><br><span style="font-size: 0.85em; color: #27ae60;">✓ �� !</span>`;
} else {
// �� , ��
rewardDisplay.innerHTML = `��! �� !<br><br><strong>�� :</strong><br>${randomReward}<br><br><span style="font-size: 0.85em; color: #e67e22;">�� :</span><textarea onclick="this.select()" style="width:100%; height:80px; margin-top:10px; padding:5px; font-family:monospace; font-size:12px; border:1px solid #bdc3c7; border-radius:4px; resize:vertical;">${bbCodeResult}</textarea>`;
}

// �� (�� )
// �� :
/*
btnGetTask.style.display = 'inline-block';
btnGetTask.innerText = '�� ';
btnCompleteTask.style.display = 'none';
btnCompleteTask.disabled = false;
btnCompleteTask.innerText = '� ��(�) ��!';
isTaskActive = false;
taskDisplay.style.display = 'flex'; // �� (��)
taskDisplay.innerHTML = "�� , �� .";
*/

// � ��
btnCompleteTask.style.display = 'none';

// �� "�� " ��
const btnPlayAgain = document.createElement('button');
btnPlayAgain.innerText = "�� ";
btnPlayAgain.onclick = function() {
// ��
btnCompleteTask.disabled = false;
btnCompleteTask.innerText = "� ��(�) ��!";
btnCompleteTask.style.display = 'none';
btnGetTask.style.display = 'inline-block';
taskDisplay.style.display = 'flex';
taskDisplay.innerHTML = '�� , �� .';
rewardDisplay.style.display = 'none';
rewardDisplay.classList.remove('success');
isTaskActive = false;
btnPlayAgain.remove();
};
document.querySelector('.lottery-container div:last-child').appendChild(btnPlayAgain);

}, 2000); // 2000 �� = 2 ��
}
</script>
</div>[/html]

��

mybb@mybb.ru (tarakan) — Wed, 01 Jul 2026 20:24:56 +0300

��

mybb@mybb.ru (tarakan) — Wed, 01 Jul 2026 19:48:28 +0300

��

Test

������� �������� ������

�������� ���������

�����

��

��

��