JSFiddle - React, Tailwind, and code Playground

by alfg

HTML

<script src="https://rawgit.com/alfg/ping.js/master/dist/ping.min.js"></script>
<ul>
    <li>google.com <span id="ping-google"></span></li>
    <li>guildbit.com <span id="ping-guildbit"></span></li>
    <li>Github <span id="ping-github"></span></li>
</ul>

CSS

ul span {
    color: green;
}

JavaScript

var p = new Ping();
 

p.ping("http://google.com", function(err, data) {
  // Also display error if err is returned.
  if (err) {
    console.log("error loading resource")
    data = data + " " + err;
  }
  document.getElementById("ping-google").innerHTML = data;
});

p.ping("http://guildbit.com", function(err, data) {
  if (err) {
    console.log("error loading resource")
    data = data + " " + err;
  }
  document.getElementById("ping-guildbit").innerHTML = data;
});

p.ping("http://github.com", function(err, data) {
  if (err) {
    console.log("error loading resource")
    data = data + " " + err;
  }
  document.getElementById("ping-github").innerHTML = data;
});