brettvaida

let http = require("http")

let app = http.createServer((req, res) => {
  if (req.url == "/") {
    res.end("Hello World")
  } else {
    res.end("Page Not Found")
  }
})
app.listen(3000)

brettvaida

<h1>To-Do App</h1>

<form id="form">
  <input id="input" type="text" autocomplete="off">
  <button>Create Item</button>
</form>

<h3>Things To Do</h3>
<ul id="list"></ul>

brettvaida

document.getElementById("copyright").innerHTML =
  "© " + new Date().getFullYear();

brettvaida

fetch('https://api-to-call.com/endpoint', {
  method: 'POST',
  body: JSON.stringify({id: '200'})
}).then(response => {
  if (response.ok) {
    return response.json();
  } throw new Error('Request failed!');
}, networkError => console.log(networkError.message)
).then(jsonResponse => jsonResponse)

brettvaida

fetch('https://api-to-call.com/endpoint').then(response => {
  if (response.ok) {
    return response.json();
  } throw new Error('Request failed!');
}, networkError => console.log(networkError.message)
).then(jsonResponse => jsonResponse);

brettvaida

$.ajax({
  url: 'https://api-to-call.com/endpoint',
  type: 'POST',
  data: JSON.stringify({id: 200}),
  dataType: 'json',
  success(response) {
    console.log(response);
  },
  error(jqXHR, status, errorThrown) {
    console.log(jqXHR);

brettvaida

$.ajax({
  url: 'https://api-to-call.com/endpoint',
  type: 'GET',
  dataType: 'json',
  success(response) {
    console.log(response);
  },
  error(jqXHR, status, errorThrown) {
    console.log(jqXHR);
  }

brettvaida

const xhr = new XMLHttpRequest;
const url = 'https://api-to-call.com/endpoint';
const data = JSON.stringify({id: '200'});

xhr.responseType = 'json';
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    console.log(xhr.response);
  }
};

brettvaida

const xhr = new XMLHttpRequest();
const url = 'https://api-to-call.com/endpoint';

xhr.responseType = 'json';
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    console.log(xhr.response);
  }
};

brettvaida

function scrollNav() {
  $('.nav a').click(function(){
    //Toggle active class
    $(".active").removeClass("active");
    $(this).closest('li').addClass("active");
    var theClass = $(this).attr("class");
    $('.' + theClass).parent('li').addClass('active');
    //Animate scroll
    $('html, body').stop().animate({
        scrollTop: $( $(this).attr('href') ).offset().top - 70 //Offset top