Как вывести html с input?

var  e = document.getElementById('p_desc'); 
 var txt = e.value; 
function test() 
{ 
  txt = e.value; 
  document.getElementById('test').innerHTML = txt; 
} 
document.getElementById('submit').addEventListener("click", test);

* { 
font-family:sans-serif; 
 
} 
#p_desc { 
padding:5px; 
border:1px solid #ccc; 
border-radius:3px 3px 0 0; 
margin:0; 
outline:0; 
transition: box-shadow 0.3s; 
min-width:155px; 
max-width:155px; 
} 
 
#p_desc:focus { 
box-shadow:0 0 10px #27A6FF; 
} 
#submit { 
padding:5px; 
border-radius:0 0 3px 3px; 
background:white; 
border:1px solid #ccc; 
margin:0; 
cursor:pointer; 
 
width:100%; 
} 
br{ 
margin:0; 
} 
#cont { 
display:inline-block; 
}

<div id="cont"> 
<textarea id="p_desc" name="p_desc" ></textarea> 
<br> 
<button id="submit">Отправить</button> 
</div> 
<pre id="test"></pre>