Ввод кнопки Onclick не работает

Question

Этот ниже код похож на страницу чата. Ввод ввода текста и ввода типа ввода в нижней части страницы фиксируются. Моя идея - всякий раз, когда я что-то пишу в текстовом вводе, а затем нажмите кнопку, и сообщение перейдет к новому созданному div. но он не работает. Любая помощь будет оценена по достоинству. благодаря

<script> 
    function updatePageMsg() { 
     var msg = document.getElementById("Text").value; 
     var divElement = document.createElement("div"); 

     divElement.setAttribute("style", "background-size:cover; padding: 5px 5px 5px 5px ;width:200px;height:200px"); 

     var pElement = document.createElement("p"); 

     pElement.innerText = msg; 
     divElement.appendChild(pElement); 
     rightDiv = document.getElementById("rightdiv"); 
     rightDiv.appendChild(divElement); 
    } 
</script> 

<div style="margin-top:50px ; background-size:cover;background-attachment:fixed;position:absolute;top:0;left:0;right:0;bottom:0""> 

    <div id="rightdiv" style="width:30%;left:0 ; height:100% ; background-color:yellow;float:left ; overflow:scroll"></div> 
    <div style="width:70%;right:0 ; height:100% ; background-color:red;float:left ; overflow:scroll"></div> 
</div> 

<div style="position:fixed ; bottom:3px ; width:100% ; background-size:cover; left:0 ;text-align:center"> 
    <div> 
     <input id="Text" type="search" value="Enter your Message here" style="font-size:20px" size="100"/> 
     <input onclick="updatePageMsg()" id="SendBtn" type="button" value="Send" style="font-size:20px ; bottom:6px" /> 

    </div> 
</div> 

Answer 1

Использование pElement.innerHTML = msg; вместо pElement.innerText = msg;