CODEWITHSUNDEEP
javascripthtml
Love Credit
Love Credit

Reputation: 21

"ReferenceError: is not defined" allthough listed as script in html file

ReferenceError allthough function is defined.

tried renaming

<body>
   <script>
    function yaSuggestion() {
      console.log("hello");
      var input = document.getElementById("yaIsInput");
      var request = new XMLHttpRequest();

      request.open("GET", "http://localhost:3000/issues/get");
      request.addEventListener('load', function (event) {
        if (request.status >= 200 && request.status < 300) {
          //console.log(request.responseText);
        } else {
          //console.warn(request.statusText, request.responseText);
        }
      });
      request.send();
      request.onreadystatechange = processRequest();
      function processRequest() {
        if (request.readyState == 4 && request.status == 200) {
          console.log(request.responseText);
          var res = JSON.parse(request.responseText);
          var suggestions = [];
          for (int i = 0; i < res.length; i++) {
            suggestions.push(res[i].value);
          };
          console.log(suggestions);
        }
      }
    }
  </script>
<input type="text" name="yaIsInput" class="form-control" id="yaIsInput" onchange="yaSuggestion()">
</body>

expected: console output "hello" actual: ReferenceError: yaSuggestion is not defined[Learn More] ya_create:1:1

Upvotes: 0

Views: 49

Answers (1)

iliasse
iliasse

Reputation: 257

Hi first thing you have an additional closing '}' in your script :

use this 

 function yaSuggestion() {
          console.log("hello");
          }

second you have to import your script before calling the function :

   <body>
      <script>
        function yaSuggestion() {
          console.log("hello");
          }
      </script>
      <input type="text" name="yaIsInput" class="form-control" id="yaIsInput" onchange="yaSuggestion()">
    </body>

Upvotes: 1

Related Questions