Блог

Главная - Вопросы по программированию - Используйте входной javascript для перенаправления на входной URL

Используйте входной javascript для перенаправления на входной URL

#javascript #html #redirect #search #input

#javascript #HTML #перенаправление #Поиск #ввод

Вопрос:

Итак, у вас есть окно поиска и введите там слово / код / что-то, и оно перенаправит вас на example.com/the-input Как я могу это сделать? Ниже приведен мой нерабочий код.

(Я довольно новичок в javascript и пытался использовать свои знания из других языков, если это звучит глупо 😅)

 <div class="search">
  <input type="text" class="searchTerm" id="link" placeholder="Write your code here...">
  <button onclick="search" type="submit" class="searchButton">
    <i class="fa fa-search"></i>
  </button>
</div>
<script language="JavaScript" type="text/javascript">
  function search() {
    var url = "http://www.example.com"   link;
    window.location = url;
  }
</script>

Комментарии:

1. Укажите ваш вопрос, пожалуйста — какова ваша цель, в чем проблема, как мы можем помочь?

2. У вас есть окно поиска и введите там слово / код / что-то, и оно перенаправит вас на example.com/the-input

3. перенаправлять, когда кнопка поиска нажата правильно?

4. Да, перенаправляйте ввод при нажатии кнопки

5. Извините, это было непонятно для нового участника — отредактируйте свой вопрос (который теперь не является вопросом) и добавьте эту информацию — какая помощь вам нужна? В чем ваш вопрос?

Ответ №1:

 function search() {
  // The following line of code was split for readability
  // var url = "http://www.example.com/" document.getElementById("link").value.split(" ").join("-");
  var url = "http://www.example.com/" 
      document.getElementById("link").value
      .split(" ").join("-");
  console.log(url);
  // window.location = url;
}  
 Search term(s) <input id="link" onchange="search()">
<button onclick="search()">Go to page dash split search</button><br>
Will log to console for demonstration purpose.