JSFiddle - React, Tailwind, and code Playground

HTML

<div>

</div>

JavaScript

var x = document.createElement( 'input' ),
		div = document.getElementsByTagName( 'div' )[0];
x.className = 'input-mark';
x.setAttribute( 'type', 'number' );
x.setAttribute( 'placeholder', 'randomPlaceholder' );
x.setAttribute( 'step', 1 );
x.setAttribute( 'min', 1 );
x.setAttribute( 'max', 5 );
x.setAttribute( 'pattern', '\\d*' );
div.appendChild( x );