JSFiddle - React, Tailwind, and code Playground

HTML

<span style="font-size: 36pt; font-family: homiziothin; color: black; padding-right: 20px;">&pound;</span>

<input id="inputvalue" type="number" name="Value" min="0" max="500" value="">

<button id="commitprice" onclick="submitPrice()">Commit Price</button>

<p id="submittedprice"></p>

<button id="startauction" type="button" onclick="startAuction()">Start Auction</button>

<div id="showMessage"></div>

JavaScript

function submitPrice()
    {
        var $pricesubmitted = document.getElementById("inputvalue");
        document.getElementById("submittedprice").innerText = $pricesubmitted.value;
    }
    function startAuction(){
    		var msgElement = document.getElementById("showMessage"); 
	    	msgElement.innerText = "Count Down Started..";
        var _el = document.getElementById("inputvalue");
        var $startingprice = parseInt(_el.value);
        var $bidcountdown = setInterval(function(){
        		msgElement.innerText = "Count Value "+$startingprice;
            $startingprice--; 
            msgElement.innerText = $startingprice;
            if($startingprice < 0) {
            	msgElement.innerText = "Count Down ends ...";
            	clearInterval($bidcountdown);
             } 
        }, 1000);
    }