JSFiddle - React, Tailwind, and code Playground

HTML

<div id="errmsg"></div>

<input type="text" id="number" maxlength="1"/>
<span id="errorMsg"></span>

JavaScript

$(document).ready(function() {
    $("#number").on('keyup', function(event) {
        
        var entered = $(this).val(),
            content = parseInt(entered,10);
        
        if (entered !== '' && isNaN(content)) {
            
            $('#errorMsg').text('Digits only');
            $(this).val('');
            
        } else if (content > 5) {
            
            $('#errorMsg').text('Only 5');
            $(this).val('');
            
        } else {
            
            $('#errorMsg').text('Okay');
            
        }
    });
  });