Hier könnt ihr das Projekt unterstützen. Die gesammelten Spenden gehen an Speaker und Mithelfer. .btcpay-form { display: inline-flex; align-items: center; justify-content: center; } .btcpay-form--inline { flex-direction: row; } .btcpay-form--block { flex-direction: column; } .btcpay-form--inline .submit { margin-left: 15px; } .btcpay-form--block select { margin-bottom: 10px; } .btcpay-form .btcpay-custom-container{ text-align: center; }.btcpay-custom { display: flex; align-items: center; justify-content: center; } .btcpay-form .plus-minus { cursor:pointer; font-size:25px; line-height: 25px; background: #DFE0E1; height: 30px; width: 45px; border:none; border-radius: 60px; margin: auto 5px; display: inline-flex; justify-content: center; } .btcpay-form select { -moz-appearance: none; -webkit-appearance: none; appearance: none; color: currentColor; background: transparent; border:1px solid transparent; display: block; padding: 1px; margin-left: auto; margin-right: auto; font-size: 11px; cursor: pointer; } .btcpay-form select:hover { border-color: #ccc; } .btcpay-form option { color: #000; background: rgba(0,0,0,.1); } .btcpay-input-price { -moz-appearance: textfield; border: none; box-shadow: none; text-align: center; font-size: 25px; margin: auto; border-radius: 5px; line-height: 35px; background: #fff; }.btcpay-input-price::-webkit-outer-spin-button, .btcpay-input-price::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } - + USD GBP EUR BTC function handlePlusMinus(event) { event.preventDefault(); const root = event.target.closest('.btcpay-form'); const el = root.querySelector('.btcpay-input-price'); const step = parseInt(event.target.dataset.step) || 1; const min = parseInt(event.target.dataset.min) || 1; const max = parseInt(event.target.dataset.max); const type = event.target.dataset.type; const price = parseInt(el.value) || min; if (type === '-') { el.value = price - step max ? max : price + step; } } document.querySelectorAll(".btcpay-form .plus-minus").forEach(function(el) { if (!el.dataset.initialized) { el.addEventListener('click', handlePlusMinus); el.dataset.initialized = true; } }); function handlePriceInput(event) { event.preventDefault(); const root = event.target.closest('.btcpay-form'); const price = parseInt(event.target.dataset.price); if (isNaN(event.target.value)) root.querySelector('.btcpay-input-price').value = price; const min = parseInt(event.target.getAttribute('min')) || 1; const max = parseInt(event.target.getAttribute('max')); if (event.target.value max) { event.target.value = max; } } document.querySelectorAll(".btcpay-form .btcpay-input-price").forEach(function(el) { if (!el.dataset.initialized) { el.addEventListener('input', handlePriceInput); el.dataset.initialized = true; } });