Example/index.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>Socketify Example</title>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
</head>

<body onload="init()">
    <div id="unavailable">Uh-oh! Socketify is unavailable :(</div>
    <div id="page">
        <div id="type">
            <a id="udpPeer" onclick="switchTo('udpPeer')" class="active">UDP Peer</a>
            <a id="tcpClient" onclick="switchTo('tcpClient')">TCP Client</a>
            <a id="tcpServer" onclick="switchTo('tcpServer')">TCP Server</a>
        </div>
        <div id="events">
            <input id="input" maxlength="1500" placeholder="Input">
            <button id="open" onclick="openClick(getInput())">Open</button>
            <button id="send" onclick="sendClick(getInput())">Send</button>
            <button id="drop" onclick="dropClick(getInput())">Drop</button>
            <button id="close" onclick="closeClick(getInput())">Close</button>
        </div>
        <div id="logs"></div>
    </div>
</body>

</html>