Script in frontend

There’s one more small thing: please load the script in the frontend only if the admin bar is also displayed.

<script>
                if( null != document.querySelector("#wp-admin-bar-my-sites > .ab-item > .jlt-admin-bar-menu")){
                    document.querySelector("#wp-admin-bar-my-sites").id ="wp-admin-bar-my-sites-custom";
                }
                if( null != document.querySelector("#wp-admin-bar-new-content > .ab-item > .jlt-admin-bar-menu")){
                    document.querySelector("#wp-admin-bar-new-content").id ="wp-admin-bar-new-content-custom";
                }
                if( null != document.querySelector("#wp-admin-bar-comments > .ab-item > .jlt-admin-bar-menu")){
                    document.querySelector("#wp-admin-bar-comments").id ="wp-admin-bar-comments-custom";
                }
                if( null != document.querySelector("#wp-admin-bar-updates > .ab-item > .jlt-admin-bar-menu")){
                    document.querySelector("#wp-admin-bar-updates").id ="wp-admin-bar-updates-custom";
                }
                if( null != document.querySelector("#wp-admin-bar-customize > .ab-item > .jlt-admin-bar-menu")){
                    document.querySelector("#wp-admin-bar-customize").id ="wp-admin-bar-customize-custom";
                }
                if( null != document.querySelector("#wp-admin-bar-site-editor > .ab-item > .jlt-admin-bar-menu")){
                    document.querySelector("#wp-admin-bar-site-editor").id ="wp-admin-bar-site-editor-custom";
                }
                if( null != document.querySelector("#wp-admin-bar-site-name > .ab-item > .jlt-admin-bar-menu")){
                    document.querySelector("#wp-admin-bar-site-name").id ="wp-admin-bar-site-name-custom";
                }
                if( null != document.querySelector("#wp-admin-bar-wp-logo > .ab-item > .jlt-admin-bar-menu")){
                    document.querySelector("#wp-admin-bar-wp-logo").id ="wp-admin-bar-wp-logo-custom";
                }
            </script>

I also see this code snippet in the source code when I open my website without logging in, or when I’ve disabled the admin bar in the front end for the user.