Как сделать поле ввода, которое перенаправляет пользователя на отдельную страницу при вводе определенного кода? - PullRequest
Новая
       0

Как сделать поле ввода, которое перенаправляет пользователя на отдельную страницу при вводе определенного кода?

0 голосов
/ 02 марта 2020

Я пытаюсь сделать так, чтобы пользователи вводили определенный код, назначенный им, в поле, и когда они это делают, они перенаправляются на другую страницу, которая изменяется для каждого кода. Мне нужно иметь несколько разных кодов, которые go для нескольких разных страниц.

Например, при вводе кода «1» кто-то переадресует на google.com, а при вводе кода «2» - кто-то bing.com.

Возможно ли это вообще, и если да, то как бы я это сделал?

Ответы [ 2 ]

2 голосов
/ 02 марта 2020

Вы можете использовать onclick Javascript, чтобы перенаправить пользователя на целевую страницу.

. Затем получить код и перенаправить его на нужный веб-сайт.

Пример: 

function redirectUser() {
  var code = document.getElementById("code").value;
  if(code == "0"){
    window.location.href = "https://www.w3schools.com/";
  }
  else if(code == "1"){
    window.location.href = "https://www.google.com/";
  }
  else if(code == "2"){
    window.location.href = "https://www.bing.com/";
  }
  else{
    alert("Error: Code not found");
  }
}
Enter code here: <input type="text" id="code" /> <br/>
<button type="button" value="Go" onclick="redirectUser();">Go</button>

Для получения дополнительной информации о том, как перенаправить с помощью javascript, см. Эту ссылку: Как перенаправить на другую веб-страницу?

0 голосов
/ 02 марта 2020

Вы можете этот код и редактировать вокруг удачи 

<p>Entering the code "1" would forward someone to google.com, and entering the code "2" would forward to bing.com.</p>

<!DOCTYPE html>
<html>
<body>
<input id = "code" type = "text" name = "Code"
						placeholder = "Enter a Code here">
<input type = "submit" name = "button" onclick = "logic()">
<script>
function logic() {
	var code= document.getElementById("code").value;

	if(code == 1){
		window.location.replace("http://google.com");
	}else if(code == 2){
		window.location.replace("http://bing.com");
	}

}
</script>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...