Can't click on a button, need a solution (userscript for Greasemonkey/Tampermonkey)

Question

I'm trying to click the "Visit" button here:

<a name="claim" href="#" onmousedown="$(this).attr('href', '/sdf/view.php?dsg=45368');"
class="btn-small larg-btn">Visit<i class="fas fa-eye" aria-hidden="true"></i></a>

There many other buttons (same but with different links) on the page, but I need to click only 1 (first link in a row) each time I visit/load the page.

Tried to combine those two solutions (1 and 2) but unfortunately I'm absolutely dumb in it:-)).

Also tried the simpliest thing which works in most cases

(function (){
document.querySelector('selector').click();

But obviously didn't help at all.

Thank you.

Answer 1

The link in your example doesn't have the correct href therefore click() wont have the desired result.

Method 1:

• Get the link e.g. querySelector()
• Simulate mousedown on the link so page JS changes the URL
• Click the link

Method 2:

• Get the link e.g. querySelector()
• Get the onmousedown attribute
• Get the final URL from the above attribute using Regular Expression
• Assign the URL to the link
• Click the link or open using GM_openInTab/GM.openInTab

Method 3: (not recommanded)

• Get the link e.g. querySelector()
• Get the onmousedown attribute
• Use eval() to run the onmousedown JS on the link
• Click the link

Here is an example of the method 1 using CustomEvent()

// get the  link using the correct query
const a = document.querySelector('a.btn-small');
if (a) {
  // simulate mousedown
  const event = new CustomEvent('mousedown');
  a.dispatchEvent(event);
  console.log(a.href); // not needed, for debuggin only
  a.click();
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a name="claim" href="#" onmousedown="$(this).attr('href', '/sdf/view.php?dsg=45368');"
class="btn-small larg-btn">Visit<i class="fas fa-eye" aria-hidden="true"></i></a>

Using GM.openInTab

const a = document.querySelector('a.btn-small');
if (a) {
  const event = new CustomEvent('mousedown');
  a.dispatchEvent(event);
  GM.openInTab(a.href)
}