<div style=”text-align: center; font-family: Arial; padding: 30px; background: linear-gradient(to bottom, #f0f8ff, #e6e6fa); border-radius: 15px; max-width: 600px; margin: auto; box-shadow: 0 4px 10px rgba(0,0,0,0.1);”>
<h1 style=”color: #ff4500; font-size: 32px;”>ЁЯО░ рд▓рдХреА рд▓реЙрдЯрд░реА рдЬреЗрдирд░реЗрдЯрд░</h1>
<p style=”font-size: 18px; color: #333;”>рдУрдбрд┐рдпрдВрд╕ рдХреЗ рдХрд╣рдиреЗ рдкрд░ рдмрдирд╛рдпрд╛ рдЧрдпрд╛! рдПрдХ рдХреНрд▓рд┐рдХ рдореЗрдВ 6 рд▓рдХреА рдирдВрдмрд░реНрд╕ (1-49)</p>
<button onclick=”generateNumbers()” style=”padding: 15px 30px; font-size: 20px; background: #28a745; color: white; border: none; border-radius: 10px; cursor: pointer; margin: 10px;”>
рдирдВрдмрд░реНрд╕ рдЬреЗрдирд░реЗрдЯ рдХрд░реЗрдВ!
</button>
<div id=”result” style=”margin-top: 25px; font-size: 28px; color: #dc3545; font-weight: bold;”></div>
<div style=”background: #fff3cd; padding: 12px; border-radius: 8px; margin-top: 25px; font-size: 14px; color: #856404;”>
<strong>тЪая╕П рдЪреЗрддрд╛рд╡рдиреА:</strong> рдпреЗ рд╕рд┐рд░реНрдл рдордиреЛрд░рдВрдЬрди рдХреЗ рд▓рд┐рдП рд╣реИред рдЕрд╕рд▓реА рд▓реЙрдЯрд░реА рдореЗрдВ рдкреИрд╕реЗ рди рдЧрдВрд╡рд╛рдПрдБред
</div>
</div>
<script>
function generateNumbers() {
let numbers = [];
while (numbers.length < 6) {
let num = Math.floor(Math.random() * 49) + 1;
if (!numbers.includes(num)) {
numbers.push(num);
}
}
numbers.sort((a, b) => a – b);
document.getElementById(‘result’).innerHTML =
‘рдЖрдкрдХреЗ рдЖрдЬ рдХреЗ рд▓рдХреА рдирдВрдмрд░реНрд╕:<br><span style=”color: #007bff; font-size: 32px;”>’ +
numbers.join(‘ | ‘) + ‘</span>’;
}
</script>