VYLZdw

index.html

<h1>Halo: The Master Chief Collection</h1>
<p id="status">SEARCHING FOR PLAYERS...</p>

script.js

var count = 0;
var message = document.getElementById("status");

setInterval(function() {
  if (count === 0) {
    message.innerHTML = "SEARCHING FOR PLAYERS...";
    count++;
  } else if (count === 1) {
    message.innerHTML = "PLAYERS FOUND...";
    count++;
  } else if (count === 2) {
    message.innerHTML = "CONNECTING SESSION...";
    count++;
  } else if (count === 3) {
    alert("Connection to the host has failed.");
    count = 0;
  } else {
    count = 0;
  }
}, 5000)

style.css

h1 {
  text-align: center
}

p {
  text-align: center
}

VYLZdw.markdown

VYLZdw

A Pen by Alex Persian on CodePen.

License.