Как сделать мой чат глобальным?

257

04 августа 2017, 02:42

<div dir="ltr" style="text-align: left;" trbidi="on"> 
<br /><html xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="https://code.jquery.com/jquery-3.2.1.min.js" type="text/javascript"></script>  
 
<head> 
<body> 
<input id="msgchatinput" placeholder="Message here" /> 
  <button onclick="MPP2.chat.send (document.getElementById(msgchatinput).value)">Send Message</button> 
<b><input id="nicknameinput" placeholder="Nickname here" /></b> 
  <b><button onclick="MPP2.client.ppl.setNick (document.getElementById(nicknameinput).value)">SET</button></b> 
  <b><div id="mppchat"> 
</div> 
</b> 
</body> 
</head> 
<script> 
var MPP2 = []; 
     MPP2.chat = []; 
var __id = function(){id = ["ab","cd","ef","gh","ij","kl","lm","no","pq","rs","tu","vw","xy","z"].random()+[1,2,3,4,5,6,7,8,9,10].random()+"abcdefghijklmnopqrstuvwxyz".split("").random()+[0,1,2,3,4,5,6,7,8,9,10].random()+"абвгдеёжзийклмнопрстуфхцчшщъыьэюя".split("").random();}; 
var _idz = function(){ __id.repeat(5);}; 
MPP2.client = [];  
MPP2.client.ppl = []; 
MPP2.client.ppl.getOwnInfo = []; 
MPP2.client.ppl.getOwnInfo.id = _idz();; 
MPP2.client.ppl.getOwnInfo.nickname = ""; 
var nicknameinput = document.getElementById("nicknameinput").value; 
MPP2.client.ppl.setNick = function(nicknamehere){MPP2.client.ppl.getOwnInfo.nickname = nicknamehere; document.getElementById("nicknameinput").value = nicknamehere;}; 
if(MPP2.client.ppl.getOwnInfo.nickname == ""){MPP2.client.ppl.setNick("Anonymous");}       
MPP2.chat.send= function (message) { 
             
var newElem = document.createElement ("div"); 
        newElem.innerHTML = MPP2.client.ppl.getOwnInfo.nickname +": "+message; 
            newElem.style.color = "black"; 
 
 
var mppchat = document.getElementById ("mppchat"); 
mppchat.appendChild (newElem);         
}; 
</script></head> <body></body> </html></div>