Web Ping Tool - Monitor Network Status with Real-Time Updates

<div id="output"></div>
<script>
var socket = io.connect('http://' + document.domain + ':' + location.port);
var outputDiv = document.getElementById('output');
var outputLines = [];
<p>// Append timestamp to each output line
socket.on('stream_output', function(output) {
var timestamp = new Date().toLocaleString();
outputLines.push(timestamp + ' ' + output);
if (outputLines.length &gt; 10) {
outputLines.shift();
}
outputDiv.innerHTML = outputLines.join('<br>');
});</p>
<p>document.getElementById('start-button').addEventListener('click', function() {
fetch('/start', {method: 'POST'})
.then(response =&gt; response.json())
.then(data =&gt; console.log(data));
});</p>
<p>document.getElementById('stop-button').addEventListener('click', function() {
fetch('/stop', {method: 'POST'})
.then(response =&gt; response.json())
.then(data =&gt; console.log(data));
});
</script></p>