Untitled

 <button id="btn"> show Notification </button>
    <script>
        window.addEventListener("load", () => {
            document.querySelector('#btn').addEventListener('click', show_Notification);
        });
        async function show_Notification() {
            if (!window.Notification) {
                alert('this browesr does not sopput Notification');
                return;
            }
            let permission = await Notification.requestPermission();
             var text = "Lorem ipsum dolor sit amet consetetur adipisicing elit. Blanditiis, quidem fugit sequi assumenda dolor molestias deleniti animi, distinctio ipsa aspernatur debitis eum possimus fuga aut nobis enim earum sit? Ipsa."
            
            if (permission === 'granted') {
                let n = new Notification('this title', {
                    body: text,
                    icon: 'images/icon-info.png',
                    dir: 'rtl',
                    lang: 'ar-SA'
                });
            }
        }
    </script>