Html onclick на Link+document.getEelementById("электронная почта"). Значение?

Question

Если честно, я очень плохо знаком с html/javascript. Я пытаюсь создать веб-сайт ( http://www.wix.com/), и он будет содержать только текстовое поле и кнопку.

Wix.com - это просто конструктор сайтов, который не поддерживает редактирование всего сайта. Поэтому я должен использовать html / javascript, чтобы установить текстовое поле ввода и кнопку.

Главное, что я хотел бы знать, это как настроить config для кнопки, чтобы перейти по ссылке ( http://www.example.com/)+inputtext(myroom)... | пример:

http://www.example.com/myroom

..... Я установил свой идентификатор текстового поля на "email" и пробовал много кода. Но все еще не работает.

Пожалуйста, предложите для меня. Заранее спасибо.

  <button onclick="window.location.href='http://www.example.com/'+document.getEelementById("email").value;">Continue</button>

Answer 1

Сообщите нам, является ли ваш тип ввода текстовым или электронным с id="email", если его type="text", вы можете перейти с записанным кодом

var email_val;
 function load() {
 email_val =  document.getElementById('email').value;
 window.location.href = 'http://www.example.com/'+email_val };

<input type="text" id="email">
<button onClick="load()" >Click Here</button>

Answer 2

Попробуйте так...

 <button id="btntest">Continue</button>

$(document).ready(function(){
 $("#btntest").click(function(){
  var emailVal = $("#email").val();
  window.location.href="http://www.example.com/"+emailVal;
});
});

Answer 3

В вашем javascript есть опечатка (getEelementById), и вы используете двойные кавычки внутри строки в двойных кавычках, поэтому она не работает.

Простое исправление будет:

<button onclick="window.location.href = 'http://www.example.com/' + document.getElementById('email').value;">Continue</button>