Html / Javascript логин

Question

Я нахожусь в процессе создания одноразового входа в систему с использованием javascript, чтобы создать операторы if else, чтобы увидеть, соответствуют ли входные данные из моей HTML-формы правильному имени пользователя и имени входа.Я не смог выяснить, в чем проблема, но что-то мешает ему загрузить ссылку, которую я настроил на открытие, когда вы используете правильный логин или даже неверный текст пароля.

Ключ: большинствомой код от w3schools

</div> <!-- /container -->
      
      <div align="center" class = "container">
      
         <form class = "form-signin" role = "form" id ="LoginF"
               action ="" method="post"
			   <h4> </h4>
            <input type = "text" class = "form-control" 
               name = "username" id ="username" placeholder = "username = Johnny Appleseed" 
               required autofocus color="#00DD19"><br> 
            &nbsp;<input type = "password" class = "form-control"
               name = "password" id="password" placeholder = "password = Yum @pple$" required>
            <br><button class = "btn btn-lg btn-primary btn-block" type = "submit" 
               name = "login" id = "login" onclick="myFunction()">Login</button>
         <script>
	function myFunction() { 
	String username =
		document.getElementById("username");
	String password =
		document.getElementById("password");
	
		String Cusername = "TeacherLogin";
		String Cpassword = "Hapke";
		String Wrong = "Wrong user name or password";
		if (username = Cusername){
			
			if (password = Cpassword){ 
			window.open("https://mail.google.com/mail/");
			}else {System.out.print(Wrong);}
		}else{System.out.print(Wrong);}
	}
	
	
	</script>
	

Answer 1

просто чтобы понять ... https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps

const
  UserName     = document.getElementById("user-name"),
  UserPassword = document.getElementById("user-password"),
  GoodUserName = 'TeacherLogin',
  GoodPassword = 'Hapke'
;

document.getElementById("bt-login").onclick = function()
{
  if (UserName.value===GoodUserName && UserPassword.value===GoodPassword ) {
    window.location.href("https://mail.google.com/mail/");
  }                     
  else {
    alert('Java language is not JavaScript language');
  }
}

<input id="user-name"      type="text"        placeholder="username = Johnny Appleseed" />
<input id="user-password"  type="password"    placeholder="password = Yum @pple$" />

<button id="bt-login" >Login</button>

PS:

Ключ: большая часть моего кода от w3schools.

звучит оченьнеправильно

Answer 2

Вы смешиваете JavaScript и Java вместе, которые совершенно разные.Выяснилось, что вы используете Java для объявления своих переменных, перенаправления и печати на консоль.Вместо этого измените все это String variable_name = "string here"; в вашем коде на var variable_name = "string here"; и замените System.out.print(Wrong); на console.log(Wrong);.

Примечание. Вы не указываете тип данных в JavaScript.JavaScript определяет тип данных переменной, проверяя тип значения, которое вы присваиваете.

Обновите часть кода с помощью следующего кода:

  <form class="form-signin" role="form" id="LoginF" action="" method="post" onsubmit="return processForm(event);">
    <input type="text" class="form-control" name="username" id="username" placeholder="Username = Johnny Appleseed" required autofocus color="#00DD19"><br> &nbsp;
    <input type="password" class="form-control" name="password" id="password" placeholder="Password = Yum @pple$" required>
    <br><button class="btn btn-lg btn-primary btn-block" type="submit" name="login" id="login" onclick=>Login</button>
  </form><br><br><br><br>
  <script>
      function processForm(e){
        e.preventDefault(); //stop the form from submitting to server
        var username =
          document.getElementById("username").value;
        var password =
          document.getElementById("password").value;

        var Cusername = "TeacherLogin";
        var Cpassword = "Hapke";
        var Wrong = "Wrong user name or password";

        if (username == Cusername && password == Cpassword) {
          window.location.href = "https://mail.google.com/mail/";
        } else {
          console.log(Wrong);
        }
      }

    </script>

Ссылка на JSFiddle тест.