Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

i need help in the accessing multiple files it has failed to login in to home



  • <!DOCTYPE html>
    <html lang=“en”>

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsenui.css">
        <link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsen-css-components.min.css">
        <script src="https://unpkg.com/onsenui/js/onsenui.min.js"></script>
        <script>
            const login = () => {
                const username = document.querySelector('#username').value;
                const password = document.querySelector('#password').value;
    
                if (username === '' && password === '') {
                    // call the navigator to move to the new page
                    const navigator = document.querySelector('#navigator');
                    navigator.resetToPage('home.html');
                } else {
                    ons.notification.alert('Wrong username/password combination');
                }
            }
        </script>
    </head>
    
    <body>
        <ons-navigator id="navigator">
            <ons-page>
                <div style="text-align: center; margin-top: 200px">
                    <p>
                        <ons-input id="username" placeholder="Username" modifier="underbar"></ons-input>
                    </p>
    
                    <p>
                        <ons-input id="password" placeholder="Password" type="password" modifier="underbar">
                        </ons-input>
                    </p>
    
                    <p>
                        <ons-button onclick="login()" style="cursor: pointer;">Sign in</ons-button>
                    </p>
                </div>
    
            </ons-page>
        </ons-navigator>
    
    
    </body>
    

    </html>
    <!------------------home.html-------------------->
    <ons-page id=“home”>
    Hello!
    </ons-page>