[html]<div class="container-bank">
<div class="balance-field">
Текущий баланс:
<input type="number" id="currentBalance" placeholder="Количество валюты на данный момент">
</div>
<form id="bankForm">
<div class="radio-group">
<input type="radio" name="action" id="saveAction" value="save" checked>
<label for="saveAction">Накопить</label>
<input type="radio" name="action" id="spendAction" value="spend">
<label for="spendAction">Потратить</label>
</div>
<div id="itembanks">
<!-- Элементы для действия "накопить" -->
<div class="col">
<div class="itembank" data-action="save">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank1" data-price="100" value="написал заявку на нужного/хочу видеть">
<label for="itembank1">написал заявку на нужного/хочу видеть — 100 $</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="save">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank2" data-price="100" value="пришел по заявке нужного/хочу видеть">
<label for="itembank2">пришел по заявке нужного/хочу видеть — 100 $</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="save">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank3" data-price="600" value="пригласил друга (друг принят в игру)">
<label for="itembank3">пригласил друга (друг принят в игру) — 600 $</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="save">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank4" data-price="100" value="каждые 100 единиц уважения">
<label for="itembank4">каждые 100 единиц уважения — 100 $</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="save">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank5" data-price="100" value="каждые 100 единиц позитива">
<label for="itembank5">каждые 100 единиц позитива — 100 $</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="save">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank6" data-price="50" value="каждые 100 сообщений">
<label for="itembank6">каждые 100 сообщений — 50 $</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="save">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank7" data-price="300" value="активист недели">
<label for="itembank7">активист недели — 300 $</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="save">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank8" data-price="500" value="постописец недели">
<label for="itembank8">постописец недели — 500 $</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="save">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank9" data-price="300" value="эпизод недели">
<label for="itembank9">эпизод недели — 300 $</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="save">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank10" data-price="300" value="пост недели">
<label for="itembank10">пост недели — 300 $</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="save">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank11" data-price="200" value="ответ на пост в течение суток">
<label for="itembank11">ответ на пост в течение суток — 200 $</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="save">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank12" data-price="200" value="ответ на пост в течение суток">
<label for="itembank12">ответ на пост в течение суток — 200 $</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="save">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank13" data-price="150" value="пост от 900 до 1500 символов (указываем в скобках к ссылке число символов в вашем посте)">
<label for="itembank13">пост от 900 до 1500 символов (указываем в скобках к ссылке число символов в вашем посте) — 150 $</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="save">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank14" data-price="300" value="пост от 1501 до 3000 символов (указываем в скобках к ссылке число символов в вашем посте)">
<label for="itembank14">пост от 1501 до 3000 символов (указываем в скобках к ссылке число символов в вашем посте) — 300 $</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="save">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank15" data-price="500" value="пост от 3001 до 5000 символов (указываем в скобках к ссылке число символов в вашем посте)">
<label for="itembank15">пост от 3001 до 5000 символов (указываем в скобках к ссылке число символов в вашем посте) — 500 $</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="save">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank16" data-price="700" value="пост от 5001 до 7000 символов (указываем в скобках к ссылке число символов в вашем посте)">
<label for="itembank16"> пост от 5001 до 7000 символов (указываем в скобках к ссылке число символов в вашем посте) — 700 $</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="save">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank17" data-price="1000" value="пост от 7001 до 10000 символов (указываем в скобках к ссылке число символов в вашем посте)">
<label for="itembank17">пост от 7001 до 10000 символов (указываем в скобках к ссылке число символов в вашем посте) — 1000 $</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="save">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank18" data-price="1200" value="пост от 10001 символов (указываем в скобках к ссылке число символов в вашем посте)">
<label for="itembank18">пост от 10001 символов (указываем в скобках к ссылке число символов в вашем посте) — 1200 $</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="save">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank19" data-price="100" value="открытие эпизода">
<label for="itembank19">открытие эпизода — 100 $</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="save">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank20" data-price="200" value="завершение эпизода (минимум 6 постов в эпизоде)">
<label for="itembank20">завершение эпизода (минимум 6 постов в эпизоде) — 200 $</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="save">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank21" data-price="1000" value="оставил отзыв на топе">
<label for="itembank21">оставил отзыв на топе — 1000 $</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="save">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank22" data-price="500" value="оставил 50 реклам">
<label for="itembank22">оставил 50 реклам — 500 $</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<!-- Элементы для действия "потратить" -->
<div class="itembank" data-action="spend">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank42" data-price="2000" value="купить хронологический эпизод">
<label for="itembank42"> <span class="icon">
<img src="https://forumstatic.ru/files/001b/e0/d3/51221.png" alt="графика">
</span> купить хронологический эпизод — 2000 $</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="Описание эпизода, участники, ссылка на эпизод в соответствующей теме"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="spend">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank43" data-price="2500" value="купить хронологический бытовой эпизод (без отыгрыша)">
<label for="itembank43"> <span class="icon">
<img src="https://forumstatic.ru/files/001b/e0/d3/51221.png" alt="графика">
</span>купить хронологический бытовой эпизод (без отыгрыша) — 2500 $</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="Описание эпизода, участники"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="spend">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank24" data-price="300" value="послание/привет/сплетня в недельные новости">
<label for="itembank24">послание/привет/сплетня в недельные новости (в лс Руби после оплаты, можно под скрытым текстом) — 300 $
</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="spend">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank25" data-price="2000" value="рекламная листовка с нужным на 2 недели">
<label for="itembank25">рекламная листовка с нужным на 2 недели (в запросе пишем текст 100-200 символов и прикладываем ссылку на заявку и желаемую картинку) — 2000 $
</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="spend">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank26" data-price="3500" value="рекламная листовка с нужным на месяц">
<label for="itembank26">рекламная листовка с нужным на месяц (в запросе пишем текст 100-200 символов и прикладываем ссылку на заявку и желаемую картинку) — 3500 $
</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="spend">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank27" data-price="200" value="смена имени персонажа">
<label for="itembank27">смена имени персонажа — 200 $
</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="spend">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank28" data-price="500" value="смена внешности персонажа">
<label for="itembank28">смена внешности персонажа — 500 $
</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="spend">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank29" data-price="5000" value="выкуп внешности на месяц">
<label for="itembank29">выкуп внешности на месяц — 5000 $
</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="spend">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank30" data-price="50000" value="выкуп первой внешности бессрочно">
<label for="itembank30">выкуп первой внешности бессрочно — 50000 $
</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="spend">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank31" data-price="75000" value="выкуп второй внешности бессрочно">
<label for="itembank31">выкуп второй внешности бессрочно — 75000 $
</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="spend">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank32" data-price="100000" value="выкуп третьей внешности бессрочно">
<label for="itembank32">выкуп третьей внешности бессрочно — 100000 $
</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="spend">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank33" data-price="2000" value="выкуп имени/фамилии на месяц">
<label for="itembank33">выкуп имени/фамилии на месяц — 2000 $
</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="spend">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank34" data-price="30000" value="выкуп имени/фамилии бессрочно для первого персонажа">
<label for="itembank34">выкуп имени/фамилии бессрочно для первого персонажа — 30000 $
</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="spend">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank35" data-price="50000" value="выкуп имени/фамилии бессрочно для второго персонажа">
<label for="itembank35">выкуп имени/фамилии бессрочно для второго персонажа — 50000 $
</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="spend">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank36" data-price="75000" value="выкуп имени/фамилии бессрочно для третьего персонажа">
<label for="itembank36">выкуп имени/фамилии бессрочно для третьего персонажа — 75000 $
</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="spend">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank37" data-price="1000" value="полная смена персонажа">
<label for="itembank37">полная смена персонажа (до написания первого поста смена бесплатна) — 1000 $
</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="подтверждение"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="spend">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank38" data-price="1000" value="первый твинк">
<label for="itembank38">первый твинк — 1000 $ + 1 пост
</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="ссылка на пост"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="spend">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank39" data-price="2000" value="второй твинк">
<label for="itembank39">второй твинк — 2000 $ + 3 поста
</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="ссылки на 3 поста"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="spend">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank40" data-price="3000" value="третий и последующие твинки">
<label for="itembank40">третий и последующие твинки — 3000 $ + 5 постов
</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="ссылки на 5 постов"></textarea>
</div>
<!-- //// -->
<div class="itembank" data-action="spend">
<div class="itembank-content">
<div class="itembank-left">
<input type="checkbox" id="itembank41" data-price="5000" value="иммунитет от удаления на месяц">
<label for="itembank41">иммунитет от удаления на месяц (на одну чистку) — 5000 $
</label>
</div>
<div class="itembank-right">
<input type="number" min="1" value="1">
</div>
</div>
<textarea class="proof-input" placeholder="ссылка на профиль"></textarea>
</div>
<!-- //// -->
</div> </div>
<button type="button" id="generateButton" style="margin-bottom: 25px;">Рассчитать</button>
</form>
<label class="copy-label">Проверьте позиции:</label>
<textarea id="bbcodeOutput"></textarea>
<div id="copyButtonWrapper" style="margin-top: 1em;"></div>
</div>[/html]
