JSFiddle - React, Tailwind, and code Playground

by nabeezy

HTML

<textarea id="mytext"></textarea>

CSS

textarea{
    height:200px;
    width:200px;
}

JavaScript

var textElement = document.getElementById('mytext'); // grabs textarea
var numOfEnters = 0; // global number of time "Enter" was pressed
var inTimeOut = false; // keeps track of state of timeout
textElement.addEventListener('keypress', function (e) { // adds listener
    var key = e.which || e.keyCode; // cross browser key detection
    if (key == 13) {  //13 represents the enter key
        numOfEnters += 1;  //increments number of enters
        if(!inTimeOut){  // runs function if its not already running
            inTimeOut = true; //sets timeout state
            setTimeout(function () { 
                if(numOfEnters == 1){
                    textElement.value += "\n\u2022";
                }
                numOfEnters = 0; // resets var for next time
                inTimeOut = false; // resets timeout state
            }, 1000); // sets wait time to 1000 milliseconds
        }
    }
});