Navigation Ionic 4 Javascript


I’am using Vanilla Javascript in Ionic4
I want to route from one page to other but I don’t know how to add second page “such as Login Page for example”
This is my HTML code:

<!DOCTYPE html>


    <link rel="stylesheet" type="text/css" href="css/index.css">
    <script src=""></script>
    <link href="" rel="stylesheet">
    <title>Hello World</title>

        <ion-menu side="start" menu-id="first">
                <ion-toolbar color="primary">
                    <ion-title>Start Menu</ion-title>
                    <ion-route url="/login" component="page-login">
                        <ion-item>Login Page</ion-item>

                <ion-title>Menu - Basic</ion-title>
        <ion-content padding>
            <ion-button expand="block" onclick="openFirst()">Open Start Menu</ion-button>
        <ion-content padding component="page-login">
            Welcome To Login Page


        <ion-route url="/login" component="page-login"></ion-route>

    <!-- <script type="text/javascript" src="cordova.js"></script> -->
    <script type="text/javascript" src="js/index.js"></script>


This is my JS code:

const menuCtrl = document.querySelector('ion-menu-controller');
const navCtrl = document.querySelector('ion-router');

function openFirst() {
    menuCtrl.enable(true, 'first');'first');

function login() {

Thanks a lot