LoginScreen ES6 class

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Aplicação</title>
    <style>
        #app{
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            background-image: linear-gradient(90deg, red, blue);
            height: 620px;
        }
        .item{
            padding-inline: 61px;
        }
        .item2{
            padding-inline: 49px;
        }
        #app button {
            margin: 5px;
        }
        #app input {
            margin: 5px;
        }
    </style>
</head>
<body>
    <div id="app">
        <input type="text" placeholder="digite seu email" name="email" />
        <input type="text" placeholder="digite sua senha" name="senha" />
        <button class="item" name="logar">Logar</button>
        <button class="item2" name="cadastrar">Cadastrar</button>
    </div>
    <script>
        class App { //criar a classe app
    constructor() { // __init__ do python
        this.loguins = JSON.parse(localStorage.getItem('logins')) || [];
        this.tt = [{email: '[email protected]', pw: '123456789'}]
        if (this.loguins == []) {
            localStorage.setItem('logins', JSON.stringify(this.tt))
        }
    }

    logar(email2, pw2) {
        this.loguins = JSON.parse(localStorage.getItem('logins')) || [];
        for (var i = 0; i < this.loguins.length; i++) {
            if (this.loguins[i].email === email2) {
                if (this.loguins[i].pw == pw2) {
                    alert("Logado com sucesso!");
                    break;
                } else {
                    alert("Senha incorreta!");
                    break;
                }
            if (i == this.loguins.length-1) {
                if (this.loguins[i].email != email2) {
                    alert("Email incorreto!");
                }
            }
        }
    }
}

    registrar(email, pw) {
        this.email1 = email;
        this.pw1 = pw;
        this.loguins = JSON.parse(localStorage.getItem('logins')) || [];
        console.log(this.loguins);
        for (this.k = 0; this.k < this.loguins.length; this.k++) {
            if (this.loguins[this.k].email == this.email1) {
                alert('Este endereço de email ja existe!');
                break;
            }
            if (this.k == this.loguins.length-1 && this.loguins[this.k].email != this.email1) {
                this.loguins.push({
                            email: this.email1,
                            pw: this.pw1,
                        });
                localStorage.setItem('logins', JSON.stringify(this.loguins));
                alert('Email e senha cadastrados!')
                break;
            }
        }
    }
}

const iniciarApp = new App();

document.getElementsByName('cadastrar')[0].onclick = function() {
    var textoEmail = document.getElementsByName('email');
    var textoPw = document.getElementsByName('senha');
    if (textoEmail[0].value == '' || textoPw[0].value == '') {
        alert('Os campos não podem estar vazios!')
        textoEmail[0].value = '';textoPw[0].value = '';
    } else {
        if (verificarvar(textoEmail[0].value)) {
            if (textoPw[0].value.length < 5) {
                alert('Insira uma senha mais forte!');
                textoEmail[0].value = '';textoPw[0].value = '';
            } else {
                iniciarApp.registrar(textoEmail[0].value, textoPw[0].value);
                textoEmail[0].value = '';textoPw[0].value = '';
            }
        } else {
            alert('Insira um endereço de email valido!');
            textoEmail[0].value = '';textoPw[0].value = '';
        }
    }
}

document.getElementsByName('logar')[0].onclick = function() {
    var textoEmail = document.getElementsByName('email');
    var textoPw = document.getElementsByName('senha');
    if (textoEmail[0].value == '' || textoPw[0].value == '') {
        alert('Os campos não podem estar vazios!');
        textoEmail[0].value = '';textoPw[0].value = '';
    } else {
        if (verificarvar(textoEmail[0].value)) {
            iniciarApp.logar(textoEmail[0].value, textoPw[0].value);
            textoEmail[0].value = '';textoPw[0].value = '';
        } else {
            alert('Insira um endereço de email valido!')
            textoEmail[0].value = '';textoPw[0].value = '';
        }
    }
}

function verificarvar(txtmail) {
    let vdd = false;
    for (var a = 0; a < txtmail.length; a++){
        if (txtmail[a] == '@') {
            vdd = true;
            break;
        }
    }
    return (vdd == true) ? true: false;
}
    </script>
</body>
</html>