JSFiddle - React, Tailwind, and code Playground
by zhukovroman
HTML
<div class="cp__wrapper js__page_part js__page_part-payment-info">
<div class="cp__field cp__field_cvv">
<label for="cvv-3en" class="cp__label">
<span class="cp__full-cvv" data-text-toggle="cvv" data-text-cvv="CVV/CVC код" data-text-cid="CID код">CVV/CVC код</span>
<span class="cp__short-cvv" data-text-toggle="cvv" data-text-cvv="Код безопасности" data-text-cid="Код безопасности">Код безопасности</span>
</label>
<div class="cp__icon cp__icon_cvv-info">
<svg width="15" height="15">
<use xlink:href="#icon-info"></use>
</svg>
</div>
<div class="tooltip tooltip_top not-display">
Последние 3 цифры на оборотной стороне карты
</div>
<input type="tel" id="cvv-puG" class="form-control input-cvv input-cvv-wallet hide" name="PaymentData[cvv_wallet]" autocomplete="cc-csc" placeholder="CVV" data-field="cvv" data-validators="cvv" data-field-category="saved-wallet" disabled="" data-amex="false" maxlength="3" tabindex="4">
<div class="cp__icon cp__icon_cvv">
<svg width="12" height="16" class="icon-cvv-unlock" style="display: none;">
<use xlink:href="#icon-cvv-unlock"></use>
</svg>
<svg width="12" height="16" class="icon-cvv">
<use xlink:href="#icon-cvv"></use>
</svg>
</div>
<div class="cp__block-error" data-field-error="" style="display: none;">
<div class="cp__block-error-text" data-field-error-text="" style="display: none;"></div>
</div>
</div>
</div>
<div class="cp__container cp__container_new-card js__page_part js__page_part-new-wallet">
<div class="cp__field validation-success">
<input type="tel" id="pan-1" class="form-control input-pan validation-success" name="PaymentData[pan]" autocomplete="cc-number" placeholder="0000 0000 0000...
JavaScript
document.getElementById('month-1').addEventListener('change', function() { alert('1') })