celeste-layne-brown-institute

script.js

class MyAnalytics {
  constructor(){

  }

  pageLoad() {
    fetch("https://httpbin.org/get?click=1&type=page-views")
    .then(response => response.json())
    .then(data => console.log("pageLoad request sent"));
  }
  scroll20() {
    fetch("https://httpbin.org/get?click=1&type=page-views")
    .then(response => response.json())
    .then(data => console.log("scroll20 request sent"));
  }
}

function getScrollPercent() {
    var h = document.xdocumentElement, 
        b = document.body,
        st = 'scrollTop',
        sh = 'scrollHeight';
    return (h[st]||b[st]) / ((h[sh]||b[sh]) - h.clientHeight) * 100;
}

window.addEventListener("scroll", function(e){
  // console.log(e)
  if(getScrollPercent() > 20){
    run.scroll20()
  } else {

  }


});

let run = new MyAnalytics;
run.pageLoad()
run.scroll20()