LoginScreen ES5 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>
        "use strict";

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

var App =
/*#__PURE__*/
function () {
  //criar a classe app
  function App() {
    _classCallCheck(this, App);

    // __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));
    }
  }

  _createClass(App, [{
    key: "logar",
    value: function 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!");
            }
          }
        }
      }
    }
  }, {
    key: "registrar",
    value: function 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;
        }
      }
    }
  }]);

  return App;
}();

var 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) {
  var vdd = false;

  for (var a = 0; a < txtmail.length; a++) {
    if (txtmail[a] == '@') {
      vdd = true;
      break;
    }
  }

  return vdd == true ? true : false;
}
    </script>
</body>
</html>