index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>pop up message</title>
    </head>

    <body>
        <button>popup</button>
        <input type="text" />
        <script type="module">
            import LLmessage from './index.ts';
            const btn = document.querySelector('button');
            const text = document.querySelector('input');
            btn.addEventListener('click', () => {
                // LLmessage(text.value || 'This is a message')
                LLmessage({
                    text: text.value || 'This is a message',
                    style: {
                        color: '#fff',
                        background: '#6cf',
                        transition: 'all .3s',
                        padding: '10px 15px'
                    },
                    deviation: 70
                });
            });
        </script>
    </body>
</html>