Получить значение поля ввода и перенаправить с помощью Javascript

Question

Я хочу получить данные входного поля в переменной Javascript и выполнить перенаправление.

<form onsubmit="someRandomFunction()"> 
<input type="search" name="search" id="search_bar" placeholder="Type a string"> 
</form> 

Теперь у меня есть HTML-файлы, а именно, xyz.html, abc.html, pqrs.html и т.д .. Я хочу, чтобы пользователь попадет на странице, имя которого он печатает .. Например, поиск для строки ФХЦЧ следует перенаправить пользователя на pqrs.html .. Пожалуйста, помогите мне с кодом для функции Javascript ..

Answer 1

используя window.location.href

function someRandomFunction(){ 
    window.location.href = document.getElementById("search_bar").value + ".html"; 
    return false; 
} 

Answer 2

Вот фрагмент кода.

function someRandomFunction() 
{ 
    window.location.pathname = '/'+document.getElementById('search_bar').value+'.html'; 
    return false; 
} 

Answer 3

Заканчивать этот fiddle.

Это фрагмент.

function someRandomfunction() { 
 
    var page = document.getElementById('search_bar').value;; 
 
    location.href = page + '.html'; 
 
    return false; 
 
}

<form onsubmit="return someRandomFunction()"> 
 
    <input type="search" name="search" id="search_bar" placeholder="Type a string" /> 
 
</form>