Create preview button next to an url input, open in new tab -- Bootstrap 4 / Laravel

app.js

$(document).on('click', '.btn-preview-url', function(e) {
    e.preventDefault();
    let element = $(this).data('src');
    let url = $(element).val();
    if (url !== '') {
        window.open(url, '_blank');
    }
    return false;
});

form.blade.php

<?php

<div class="form-group">
    <label for="website">{{ __('Website') }}</label>
    <div class="input-group">
        <input type="text" id="website" name="website" value="{{ old('website')  }}" class="form-control @error('website') is-invalid @enderror" placeholder="{{ __('Website') }}">
        <div class="input-group-append">
            <button class="btn btn-outline-secondary btn-preview-url" type="button" data-src="#website" class="">{{ __('Preview in new tab') }} <i class="fa fa-external-link"></i></button>
        </div>
    </div>
    @error('website') <div class="invalid-feedback">{{ $message }}</div> @enderror
</div>