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

-1 vote191 views1 answer
Remove html between 2 tags javas
Html
27 votes179 views6 answers
Html radio button checked
Html
1 vote172 views1 answer
Vue submit reloads page
Html
0 vote180 views2 answers
Reveal CSS Animations
Html
0 vote128 views1 answer
Scroll to section href
Html
-1 vote185 views1 answer
File_put_contents(/var/www/demo.onlineexammanagement.com/public_html/storage/framework/cache/data/ea/83/ea83c7b371f7573de3cd055cea9229af0b0541e5): failed to open stream: No such file or directory
Html
0 vote163 views1 answer
Html non importa immagini in webpack
Html
0 vote178 views1 answer
How to make a scrollable list in html
Html
0 vote147 views1 answer
How to put a name on a fieldset
Html
2 votes184 views4 answers
Tailwind CSS buttons
Html