message-gmail-reply

by Miklos Nagy

HTML

<table>

  <tr>
    <td class="tsr" style="padding:10px; background:#eee;border-radius:10px;border-bottom-right-radius:0px;font-family:'Trebuchet MS'; font-weight:200;font-size:12px;width:auto;margin:10px;">
  What do you say?
</td>
  </tr>

</table>


<table>

  <tr>
    <td class="tsr" style="padding:10px; background:#0084ff;border-radius:10px;border-bottom-right-radius:0px;font-family:'Trebuchet MS'; font-weight:200;font-size:12px;width:auto;margin:10px;color:#fff;display:none;">
  üzenet üzenet üzenet üzenet
</td>
  </tr>

</table>

JavaScript

var tsr = document.querySelectorAll('.tsr');
console.log(tsr);
var inpt = document.createElement('input');
inpt.setAttribute("class","inputField");
document.body.appendChild(inpt);

inpt.addEventListener('keydown', function(){
  if (event.keyCode == 13) {
  tsr[1].style.display = "block";
  tsr[1].innerHTML = inpt.value;
  }
});