Код работает один раз в представлении окна, но работает несколько раз, когда на вкладке DevTools

Question

Я пытаюсь создать сценарий, который пользователь может вызывать несколько раз. Каждый раз получаю информацию. При обычном просмотре страницы пользователь может получить данные только один раз, а затем после этого данные больше не будут выбираться. Тем не менее, когда в DevTools все, кажется, работает.

    <p id="result" style="line-height: 0.25; margin-left: 2.5%; "> </p>


<button onclick="showTest(<?php echo $test['id'];?>)"> Click Me</button>

<script>
function showTest(str) {
  var xhttp; 

  if (str == "") {
    document.getElementById("result").innerHTML = "";
    return;
  } else {
  xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
    document.getElementById("result").innerHTML = this.responseText;
    }
    }
  };

  xhttp.open("GET", "Test.php?q="+str, true);
  xhttp.send();
}
</script>

После каждого нажатия кнопки я ожидаю, что #result будет заполнен вновь полученными данными. Но это не так. Любая помощь приветствуется! :)