javascript - 如何在同一页面上多次调用 PubNub Chat？

Question

因此，我试图让 PubNub 的真正简单的聊天代码满足我在一个页面上进行多个聊天的需要。这是错误的 demo 和原始代码:

  Enter Chat and press enter
<div><input id="input" placeholder="Say something!" /></div> 
Chat Output
<div id="box"></div>


<script src=http://cdn.pubnub.com/pubnub.min.js></script>
<script>
  (function(){
var box = PUBNUB.$('box'), input = PUBNUB.$('input'), channel = 'chat';
PUBNUB.subscribe({
channel : channel,
callback : function(text) { box.innerHTML = (''+text).replace( /[<>]/g, '' ) + '<br>' + box.innerHTML }
});
PUBNUB.bind( 'keyup', input, function(e) {
(e.keyCode || e.charCode) === 13 && PUBNUB.publish({
channel : channel, message : input.value, x : (input.value='')
})
} )
})()

</script>

我不太擅长 JS，但我假设演示中的代码可以工作，因为我只是更改了 id 和变量名。感谢您的帮助，如果这可行，我会很高兴。

Answer 1

在 ()

之后的两个 block 代码之间缺少 ;

// ...
})
} )
})();

^^ 这个^^

  (function(){
var box1 = PUBNUB.$('box1'), input1 = PUBNUB.$('input1'), channel = 'chat';
// ...

固定代码:http://codepen.io/anon/pen/odhle