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>