Inverted_Pyramid_JS

<label>Enter A Number  </label>
<input type="text" id="iNumber" placeholder="Enter A Number" size="14" onkeypress="return numberOnly(event)">
<button onclick="invertedPyramid()">Result</button>
<p id="show"></p>

<script type="text/javascript">
    function numberOnly(event){
        var charCode = event.which ? event.which: event.keyCode
        if (charCode > 31 && (charCode < 48 || charCode > 57)){
            return false
        }
        return true
    }

    function invertedPyramid(){
            document.getElementById('iNumber').value = document.getElementById('iNumber').value.replace(/^0+/, "")

            var number = parseInt( document.getElementById('iNumber').value)
            var label =  document.getElementById('show')
            var show = ""
            var asterisk = number
            var space = Math.floor(number /2)

            if (number % 2 == 0){
                show = "The Entered Number must be Odd Number"
            } else{
                while (asterisk >=0){
                    for (var i = 0; i < space; i++){
                        show = show + "\xA0\xA0"
                    }
                    for (var i = 0; i < asterisk; i++){
                        show = show + "*"
                    }
                    show = show + "<br>"

                    asterisk -= 2
                    space ++
                }
            }
            label.innerHTML = show
}
</script>