There’s an input field, when the user will type any Fulwidth japanese character (numbers only) it won’t be displayed on that input field. It’ll be converted to it’s respective halfwidth character and, then that halfwidth character will be visible inside that same input field. I user type ０, this ０ill not be shown in the input field, it’ll show the converted halfwidth 0. In my case the problem is if the user type　０, the function is running twice and showing 00, but it should be only 0. Can anybody please help me to sort it out? i’m stucked here.

 <input type="text" id="inputField" oninput="convertToHalfWidth(this.value)">
<script>
        function convertToHalfWidth(input) {
            console.log(input);
            // Map of full-width to half-width numbers
            const fullToHalfMap = {
                '０': '0', '１': '1', '２': '2', '３': '3', '４': '4', '５': '5', '６': '6', '７': '7', '８': '8', '９': '9'
            };

            // Replacing full-width numbers with their half-width counterparts
            const convertedInput = input.replace(/[０-９]/g, match => fullToHalfMap[match]);

            // Updating the input field with the converted value
            document.getElementById('inputField').value = convertedInput;
        }
    </script> here