js如何格式化输入框

<input type="text" id="phone" placeholder="Enter phone number">
<script>
document.getElementById('phone').addEventListener('input', function (e) {
    let x = e.target.value.replace(/\D/g, '').match(/(\d{0,3})(\d{0,3})(\d{0,4})/);
    e.target.value = !x[2] ? x[1] : '(' + x[1] + ') ' + x[2] + (x[3] ? '-' + x[3] : '');
});
</script>

<input type="text" id="date" placeholder="YYYY-MM-DD">
<script>
document.getElementById('date').addEventListener('input', function (e) {
    let value = e.target.value.replace(/[^0-9]/g, '').slice(0, 8);
    if(value.length > 4) value = value.slice(0, 4) + '-' + value.slice(4);
    if(value.length > 7) value = value.slice(0, 7) + '-' + value.slice(7);
    e.target.value = value;
});
</script>

<input type="text" id="currency" placeholder="Enter amount">
<script>
document.getElementById('currency').addEventListener('input', function (e) {
    let value = e.target.value.replace(/[^0-9.]/g, '');
    let parts = value.split('.');
    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
    e.target.value = parts.join('.');
});
</script>