从链接运行脚本

Question

I have the following script that shows me information in a div, it works very well but with a button ... I am trying to make it walk from a link, I tried many ways and nothing, any ideas?

<script>
function showCustomer(str) {

  var xhttp;    
  if (str == "") {
    document.getElementById("contenido").innerHTML = "";
    return;
  }
  xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("contenido").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "getcustomer.php?q="+str, true);
  history.pushState(null, "", str+ ".xhttp");
  xhttp.send();
}
</script>

<input type='button' value='6df67913c1' onclick='showCustomer(this.value);' />

Answer 1

You have to do something like this

const myLinkButton = document.getElementById('my-Link-button')
  ;
myLinkButton.onclick=e=>
  { 
  e.preventDefault()  // -> disable link action for new url
  console.log( myLinkButton.dataset.value )
  }

<a href="#" data-value="6df67913c1" id="my-Link-button" >button by link</a>

</div>