Neon SMP - NeonSMP

Neon SMP

NeonSMP

Вот пример простого и понятного скрипта для приёма донатов на сайте. Он написан на HTML, CSS и JavaScript, чтобы его можно было быстро встроить в любую страницу.


1. HTML (форма для ввода суммы и кнопки)

```html

<!DOCTYPE html><html lang="ru">

<head>

    <meta charset="UTF-8">

    <title>Поддержать проект</title>

    <link rel="stylesheet" href="style.css">

</head>

<body>

    <div class="donate-container">

        <h2>Поддержать проект</h2>

        <p>Введите сумму и нажмите «Донатить»:</p>

        <input type="number" id="amount" placeholder="Сумма в рублях" min="1" step="1">

        <button onclick="processDonate()">Донатить</button>

        <p id="message"></p>

    </div>

    <script src="script.js"></script>

</body>

</html>

\`\`\`

2. CSS (стили для формы)

```css

/* style.css */

body {

font-family: Arial, sans-serif;

background: #f4f4f4;

display: flex;

justify-content: center;

align-items: center;

height: 100vh;

margin: 0;

}


.donate-container {

background: #fff;

padding: 20px 30px;

border-radius: 8px;

box-shadow: 0 0 10px rgba(0,0,0,0.1);

text-align: center;

}


input {

padding: 8px;

margin: 10px 0;

width: 80%;

border: 1px solid #ccc;

border-radius: 4px;

}


button {

padding: 10px 20px;

background: #28a745;

color: #fff;

border: none;

border-radius: 4px;

cursor: pointer;

}


button:hover {

background: #218838;

}


#message {

margin-top: 15px;

color: #333;

}

```


3. JavaScript (обработка доната)

```javascript

// script.js

function processDonate() {

const amount = document.getElementById('amount').value;

const message = document.getElementById('message');


if (amount < 1) {

    message.textContent = 'Пожалуйста, введите сумму больше нуля.';

    message.style.color = 'red';

    return;

}


// Здесь можно добавить отправку данных на сервер или интеграцию с платёжной системой

// Например, перенаправить на страницу оплаты:

// window.location.href = \`https://yoomoney.ru/to/ваш\_кошелёк?sum=${amount}&label=donate\`;


message.textContent = \`Спасибо за поддержку! Вы выбрали сумму: ${amount} ₽\`;

message.style.color = 'green';

}

```


Как использовать

1. Скопируй каждый из трёх блоков в отдельные файлы:

   - `index.html`

   - `style.css`

   - `script.js`

2. Положи их в одну папку на сервере.

3. Открой `index.html` в браузере — увидишь форму для доната.


Если нужно интегрировать с реальной платёжной системой (например, *ЮKassa*, *CloudPayments*, *PayPal*), дай знать — помогу с примером под конкретную систему.

0