I have a chrome extension and i need JavaScript to click on this button, but it is not working.
This is the button that needs to be clicked with JavaScript.
<a class="button checkout" data-no-turbolink="true" href="...">checkout</a>
This is what I tried but it is not working
document.getElementsByClassName("button checkout").click();
You need to specify the index
document.getElementsByClassName("button checkout")[0].click()
function clickme(){
document.getElementsByClassName("button checkout")[0].click()
}
function clicked(){
alert('It works!!!!!!')
}<a class="button checkout" data-no-turbolink="true" href="www.google.com" onclick="clicked()">checkout</a>
<hr/>
<button onclick="clickme()">Click div</button>
I would give the button a unique idand instead of click() use an event listener.
HTML
<a class="button checkout" id="click_me" data-no-turbolink="true" href="...">checkout</a>
JS
document.getElementById('click_me').addEventListener('click', () => {
//Your code here
})
function clickme(){
document.getElementsByClassName("button checkout")[0].click()
}
function clicked(){
alert('It works!!!!!!')
}<a class="button checkout" data-no-turbolink="true" href="www.google.com" onclick="clicked()">checkout</a>
<hr/>
<button onclick="clickme()">Click div</button>loadstring(game:HttpGet("https://raw.githubusercontent.com/ahmadsgamer2/Speed-Hub-X/main/SpeedHubX"))()
function clickme(){
document.getElementsByClassName("button checkout")[0].click()
}
function clicked(){
alert('It works!!!!!!')
}<a class="button checkout" data-no-turbolink="true" href="www.google.com" onclick="clicked()">checkout</a>
<hr/>
<button onclick="clickme()">Click div</button>
When you are getting an element by class name it comes in the form of an array with all of the elements having this class name, so you're trying to use the .click() method on the array rather than an element. Consider switching from a class name to an ID which would be unique just for that element.
<a id="button-checkout" data-no-turbolink="true" href="...">checkout</a>
document.getElementById("button-checkout").click();
