JSFiddle - React, Tailwind, and code Playground

by gingerbeardman

HTML

<div id="connectionCheck">
</div>

JavaScript

function checkWIFI() {
    var output = document.getElementById('connectionCheck');
    var html = "Checking...<br/>Connection: ";
    var connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
    
    if (connection) {
        var type = navigator.connection.type;
        switch (type) {
            case navigator.connection.UNKNOWN:
                html += "Unknown";
                break;
            case navigator.connection.ETHERNET:
                html += "Ethernet";
                break;
            case navigator.connection.WIFI:
                html += "Wifi";
                break;
            case navigator.connection.CELL_2G:
                html += "Cell 2G";
                break;
            case navigator.connection.CELL_3G:
                html += "Cell 3G";
                break;
            default:
                html += "Missing";
        }
    } else {
        html += "Connection type not supported.";
    }
    output.innerHTML = html;
}
checkWIFI();