CODEWITHSUNDEEP
javascriptvisual-studio-code
Kris_Zhang
Kris_Zhang

Reputation: 17

vscode live server extension cuts off JavaScript code

I am trying to make a online booking system. And I am using vscode live server for live web for testing. I noticed that it cuts off a huge chunk of js code. I am using the newest version of vscode and google chrome. If you need any more information, feel free to ask me :).

Expected Behaviour:

<script>
window.addEventListener("DOMContentLoaded", function () {
    // get the form elements defined in your form HTML above
  
    var form = document.getElementById("my-form");
    // var button = document.getElementById("my-form-button");
    var status = document.getElementById("status");
  
    // Success and Error functions for after the form is submitted
  
    function success() {
      form.reset();
      status.classList.add("success");
      status.innerHTML = "Thanks!";
    }
  
    function error() {
      status.classList.add("error");
      status.innerHTML = "Oops! There was a problem.";
    }
  
    // handle the form submission event
  
    form.addEventListener("submit", function (ev) {
      ev.preventDefault();
      var data = new FormData(form);
      ajax(form.method, form.action, data, success, error);
    });
  });
  
  // helper function for sending an AJAX request
  
  function ajax(method, url, data, success, error) {
    var xhr = new XMLHttpRequest();
    xhr.open(method, url);
    xhr.setRequestHeader("Accept", "application/json");
    xhr.onreadystatechange = function () {
      if (xhr.readyState !== XMLHttpRequest.DONE) return;
      if (xhr.status === 200) {
        success(xhr.response, xhr.responseType);
      } else {
        error(xhr.status, xhr.response, xhr.responseType);
      }
    };
    xhr.send(data);
  }
</script>

Actual Behavior:

<script>
                window.addEventListener("DOMContentLoaded", function () {
                // get the form elements defined in your form HTML above
              
                var form = document.getElementById("my-form");
                // var button = document.getElementById("my-form-button");
                var status = document.getElementById("status");
              
                // Success and Error functions for after the form is submitted
              
                function succe</script>

Upvotes: 0

Views: 277

Answers (1)

SamuelCodez
SamuelCodez

Reputation: 41

Reload the webpage and it should work.

Upvotes: -1

Related Questions