JSFiddle - React, Tailwind, and code Playground

by Darby Rathbone

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta name="generator" content=
  "HTML Tidy for Linux/x86 (vers 25 March 2009), see www.w3.org" />

  <title></title>
</head>

<body>
  <div class="wrapper">
    <ul>
      <li>
        <div class='messages'>
          <div id='username'>
            vladas
          </div><br />

          <div id='message'>
            ok
          </div><br />

          <div id='date'>
            2014-05-24 15:21:04
          </div><br />
        </div>
      </li>

      <li>
        <div class='messages'>
          <div id='username'>
            vladas
          </div><br />

          <div id='message'>
            ok
          </div><br />

          <div id='date'>
            2014-05-24 15:21:11
          </div><br />
        </div>
      </li>

      <li>
        <div class='messages'>
          <div id='username'>
            vladas
          </div><br />

          <div id='message'>
            ok
          </div><br />

          <div id='date'>
            2014-05-24 15:21:14
          </div><br />
        </div>
      </li>

      <li>
        <div class='messages'>
          <div id='username'>
            vladas
          </div><br />

          <div id='message'>
            ok
          </div><br />

          <div id='date'>
            2014-05-24 15:22:03
          </div><br />
        </div>
      </li>

      <li>
        <div class='messages'>
          <div id='username'>
            vladas
          </div><br />

          <div id='message'>
            Contrary to popular belief, Lorem Ipsum is not simply random text. It has
            roots in a piece of classical Latin literature
          </div><br />

          <div id='date'>
            2014-05-24 15:22:12
          </div><br />
        </div>
      </li>
    </ul>

    <form id="form" action="send.php" method="post">
      <textarea id="enter" rows="4" cols="50" name="message" maxlength="120" autofocus=
      "">
</textarea> <input...

JavaScript

document.getElementById('enter').addEventListener('keydown', function(e) {
    console.log('test');
    if (e.keyCode == 13 && e.ctrlKey) {
      document.getElementById('submit').click();
    }
});