o meu while esta passando o valor que deixei para o Loop

O meu código está assim:

<meta charset="UTF-8">
<script>
  /*
  function guardaInfo(){
    var loginCadastrado = "alura";
    var senhaCadastrada = "alura321";

    return loginCadastrado, senhaCadastrada;
  }
  */

  function login(){
    var loginCadastrado = "alura";
    var senhaCadastrada = "alura321";

    var loginInformado = prompt("Informe seu login");
    var senhaInformada = prompt("Informe sua senha");

    if( loginCadastrado == loginInformado && senhaCadastrada == senhaInformada ) {
      alert("Bem-vindo ao sistema " + loginInformado);
      return true;
    } else {

      alert("Login inválido. Tente novamente");
    }

  }

  var chances = 3;
  var i = 0;

  while(i < chances){
    if(login() == true){
      break;
    }

    login();
    i++;
  }



</script>