JSFiddle - React, Tailwind, and code Playground
by abdennour
HTML
<p>Phase <span data-format="roman">4</span> Sales</p>
<script>
Number.prototype.toRoman=function(){var e=Math.floor(this),t,n="",i=3999,s=0;v=[1e3,900,500,400,100,90,50,40,10,9,5,4,1],r=["M","CM","D","CD","C","XC","L","XL","X","IX","V","IV","I"];if(e<1||e>i)return"";while(s<13){t=v[s];while(e>=t){e-=t;n+=r[s]}if(e==0)return n;++s}return""};var fnrom=function(e){if(parseInt(e.innerHTML)){e.innerHTML=parseInt(e.innerHTML).toRoman()}};setTimeout(function(){[].forEach.call(document.querySelectorAll("[data-format=roman]"),fnrom)},10)
</script>