Html chat box

<h1>Chat-box (With HTML and JAVASCRIPT)</h1>
<title>User chat</title>
<div><input id=input placeholder="Press Enter to Send" /></div><br><br>
Chat Output
<div id=box></div>
<script src=https://cdn.pubnub.com/sdk/javascript/pubnub.4.28.2.min.js></script>
<script> (function() {
        var pubnub = new PubNub({
            publishKey: 'demo',
            subscribeKey: 'demo'
        });
        function $(id) {
            return document.getElementById(id);
        }
        var box = $('box'),
            input = $('input'),
            channel = '10chat-demo';
        pubnub.addListener({
            message: function(obj) {
                box.innerHTML = ('' + obj.message).replace(/[<>]/g, '') + '<br>' + box.innerHTML
            }
        });
        pubnub.subscribe({
            channels: [channel]
        });
        input.addEventListener('keyup', function(e) {
            if ((e.keyCode || e.charCode) === 13) {
                pubnub.publish({
                    channel: channel,
                    message: input.value,
                    x: (input.value = '')
                });
            }
        });
    })();
</script>

Similar codes

0 vote105 views1 answer
If n and m vary inversely given that n = 1.4, m =1.2 then the constant of proportionality = ________
Html
2 votes55 views1 answer
Html li tag
Html
0 vote110 views1 answer
Working login form
Html
1 vote90 views2 answers
Website design html
Html
0 vote97 views1 answer
Ruby and rails html show date year
Html
62 votes101 views1 answer
Create form in html
Html
46 votes126 views6 answers
Add favicon to html
Html
91 votes115 views6 answers
Open link in a new tab
Html
2 votes60 views1 answer
Email css
Html
0 vote257 views3 answers
Javascript get custom attribute value from element
Html