JSFiddle - React, Tailwind, and code Playground

by Rich Costello

HTML

<div class="form-item webform-component webform-component-number webform-component--dealership-information--zip-code">
  <label for="edit-submitted-dealership-information-zip-code"><span class="text">Zip Code <span class="form-required" title="This field is required.">*</span></span></label>
 <input required="required" type="text" id="edit-submitted-dealership-information-zip-code" name="submitted[dealership_information][zip_code]" step="1" class="form-text form-number required">
</div>

JavaScript

let zipattr = document.querySelector('#edit-submitted-dealership-information-zip-code');
        if (zipattr) {
            zipatty.setArrtibute('oninput', 'javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);');
            zipattr.setAttribute('type', 'number');
            zipattr.setAttribute('maxlength', 5);
        }