Estou tentando obter um valor de um input no sweetalert2 tentando seguir esse exemplo que está lá no site
const {value: password} = await Swal({
title: 'Enter your password',
input: 'password',
inputPlaceholder: 'Enter your password',
inputAttributes: {
maxlength: 10,
autocapitalize: 'off',
autocorrect: 'off'
}
})
if (password) {
Swal('Entered password: ' + password)
}
Tentando usar na minha função, mas comigo mostra uma mensagem de erro
"Uncaught SyntaxError: await is only valid in async function"
Assim que estou tentando usar:
$('.btn').on('click', function(){
perguntaConcluirCompra1()
})
function perguntaConcluirCompra1(){
swal({
title: 'Forma de pagamento',
width:'500px',
html: "Escolha a forma de pagamento que melhor de convém" +
"<br>" +
'<button type="button" role="button" tabindex="0" class="SwalBtn1 customSwalBtnD" id="d">' + 'Dinheiro' + '</button>' +
'<button type="button" role="button" tabindex="0" class="SwalBtn2 customSwalBtnC" id="c">' + 'Cartão de Crédito' + '</button>'+
'<button type="button" role="button" tabindex="0" class="SwalBtn2 customSwalBtnCancel" id="cancel">' + 'Fechar' + '</button>',
showCancelButton: false,
showConfirmButton: false,
onBeforeOpen: () => {
const content = Swal.getContent()
const $ = content.querySelector.bind(content)
const dinheiro = $('#d')
const credito = $('#c')
const cancel = $('#cancel')
dinheiro.addEventListener('click', () => {
const {value: password} = await Swal({
title: 'Enter your password',
input: 'password',
inputPlaceholder: 'Enter your password',
inputAttributes: {
maxlength: 10,
autocapitalize: 'off',
autocorrect: 'off'
}
})
if ( password ) {
Swal('Entered password: ' + password)
}
})
credito.addEventListener('click', () => {
console.log('Credito: '+id);
})
cancel.addEventListener('click', () => {
console.log('cancelar ');
})
}
});
}
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.32.2/sweetalert2.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.32.2/sweetalert2.all.js"></script>
<button class="btn">Botao</button>
Como faço para obter o valor desse input?