Связать пользовательский ввод с кнопкой входа

Question

Я хотел бы создать своего рода страницу входа.Какие ссылки на href в зависимости от ввода пользователя.

Так что у меня есть часть для ввода текста и кнопка входа.Затем он должен перейти на веб-сайт в зависимости от ввода текста.

Пример: пользователи заполняют 1234 и нажимают кнопку входа в систему, затем открывается веб-сайт: example.com/1234.

Я пытался, но я не могу заставить его работать.

<input type=text id='token' name="token"/>
<input type=button name=login value="login" onClick=changeQuery()/>

changeQuery(){
    var input_query=document.getElementById('sq').value;
    window.location="http://www.google.com/"+input_query+"myString";
}

Answer 1

             function changeQuery() {
               var input_query = 
               document.getElementById('token').value;
               window.location = "https://www.google.com/search? 
               q=" + input_query;
             }

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

Отказался отображать 'https://www.google.com/search?q=somequery' в кадре, потому что он установил для' X-Frame-Options 'значение' sameorigin '. Если вы попытаетесь перенаправить какой-либо другой источник, он будет работать.

Answer 2

Есть много проблем с вашим кодом ...

• Атрибут HTML должен быть в кавычках (поэтому измените такие вещи, как onclick=changeQuery() на onclick="changeQuery()")
• Ваша функция не начинается с ключевого слова function
• Ваш элемент управления textbox имеет идентификатор token ... так что в нашем примере sq нет для getElementById, чтобы найти

И я не уверен, почему вы добавляете «MyString» в конце URL, но это может быть частью вашего предполагаемого кода

Результат должен быть примерно таким ...

function changeQuery(){
    var input_query = document.getElementById('token').value;
    //window.location = "http://www.google.com/" + input_query + "myString";
    console.log("http://www.google.com/" + input_query + "myString");
}

<input type="text" id="token" name="token"/>
<input type="button" name="login" value="login" onClick="changeQuery()"/>

(Обратите внимание, я закомментировал window.location и вместо него поставил console.log, чтобы вы могли видеть, что получается без фактического перехода на другую страницу)