JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<textarea name="" class="limited" data-limit="5" placeholder="max 5 characters" ></textarea>
<textarea name="" class="limited" data-limit="0" placeholder="max 0 characters" ></textarea>
<textarea name="" class="limited" data-limit="10" placeholder="max 10 characters" ></textarea>

JavaScript

function setLimit(limit, value){
	if(value.length >= limit){
  	return false;
  }
}
var textAreas = document.querySelectorAll(".limited");
for(var i = 0, l = textAreas.length; i < l; i++){
	textAreas[i].onkeypress = function(){
  	return setLimit(this.getAttribute("data-limit"), this.value);
  }
}