JSFiddle - React, Tailwind, and code Playground

HTML

<b>Dette felt er begrænset med maxlength:</b><br />
<input  
    type="text"  
    maxlength="10"
    style="width: 180px; padding: 5px; font-family:helvetica; font-size: 15px;" 
/>
<br /> <br />

<b>Dette felt er begrænset med Javascript:</b><br />
<input  
    type="text"  
    style="width: 180px; padding: 5px; font-family:helvetica; font-size: 15px;"
    onkeyup="countStuff(10);" 
    id="myInput"    
/>
<div id="errors"></div>


<script>
function countStuff(maxLen) {
    
    // Mål længden
    var len = $("#myInput").val().length;
    
    // Slet hvis brugeren har sat mere ind end han må
    if(len > maxLen) {
        $("#myInput").val($("#myInput").val().substring(0, maxLen));
        $("#errors").html("<p>Hov! Du kan max skrive "+maxLen+" tegn!</p>");
    }
    
}   
</script>