jQuery AJAX request demo

by Pranab Dey

HTML

<button class='getLinks'>Get Links</button>
<div id="output">waiting for action</div>

CSS

a {
  padding: 0.2em;
}

a:hover {
  background-color: #02AAEE;
}

#output {
  display: block;
  margin-top: 8px;
  padding: 1%;
  border: 1px solid #666;
  background-color: #efefef;
}

#output section,
#output footer,
#output .loading {
  display: none;
}

JavaScript

var btn = document.querySelector('.getLinks');
var links = () => {
  var put = document.querySelector('#output');
  fetch('https://ripsave.com/download?video=https://vimeo.com/305839334')
    .then(d => d.text())
    .then(d => put.innerHTML = d)
    .catch(err => console.log(err.message))
}

console.log(btn);