JSFiddle - React, Tailwind, and code Playground

HTML

<input type="number" id="the_input">
<div id="button">clean up</div>
<div id="result">new number</div>

CSS

#result {
    display:inline-block;
    vertical-align: text-bottom;
    width:150px;
    height:18px;
    border: 1px solid #000;
}
#button {
    display:inline-block;
    vertical-align: text-bottom;
    width:50px;
    height:18px;
    border: 1px solid #000;
    background:gray;
    cursor:pointer;
}

JavaScript

$("#button").click(function () {
    new_number = $("#the_input").val();
    new_number = new_number.replace(/[^0-9]+/g, '')
    $("#result").html(new_number);
});