Html onclick on Link + document.getEelementById ("email"). Значение?

Question

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

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

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

http://www.example.com/myroom

..... Я установил мой текстовое поле идентификатор «электронной почты» и пытается с большим количеством кода. Но до сих пор не работает.

Просьба предложить мне. заранее спасибо.

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

Answer 1

Попробуйте этот способ ..

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

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

Answer 2

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

Простая коррекция будет:

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

Answer 3

Дайте нам знать, является ли ваш тип ввода является текст или адрес электронной почты с идентификатором = «электронная почта» , если его тип = «текст» вы можете идти письменными вниз код

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>