无法在带有JavaScript的确认框中单击按钮

Question

I'm building a bot. I got this html page where I click on a button (type="submit"). When it does, it pops up a small window, like a confirm box. I cannot view source of this confirm box as it is not shown on the html code. But from the javascript console I get this code from the message box:

<div class="confirmation-box" id="pop" role="dialog" aria-labelledby="confirmation-msg">
<div><div style="text-align: left"></div>
<div class="confirmation-buttons">
<button class="btn evt-confirm-btn btn-confirm-yes" aria-label'confirmar'="">Confirmar</button>
<button class="btn evt-cancel-btn btn-confirm-no" aria-label'cancelar'="">Cancelar</button>
</div></div></div>

I've tried several javascript codes but I'm never able to click the 'Confirmar' button. It seems like the javascript code runs before the confirmation box pops up and doesn't recognize the ID and Class of the button.

My code:

// Clicks the button on the html page, working OK
....{document.forms[0].sell.value = y-x; 
document.querySelector('input[value="Calcular melhor oferta "]').click();  

Now a confirmation box appears and I tried to use the next codes to click on the button that appears in the confirmation box, without sucess:

document.getElementById("pop").getElementsByClassName("confirmation-buttons").getElementsByClassName("evt-confirm-btn btn-confirm-yes")[0].click();}

document.getElementsByClassName("evt-confirm-btn")[0].addEventListener("click", function(){console.log("hello");});

document.getElementsByClassName("evt-confirm-btn")[0].click();}

It seems like if this code runs before the confirmation box appears.

Answer 1

I solve it using:

var timeOff=1000;
setInterval(time, timeOff);
function time()
{ document.getElementById("pop").getElementsByClassName("evt-confirm-btn btn-confirm-yes")[0].click();}}

This makes 1 second delay on the code, enough to run the small window before runing the rest of the code.