JavaScript в панели поиска вызывает ошибку [closed]

У меня есть следующий код JavaScript для панели поиска:

  const f = document.getElementById('form');
  const q = document.getElementById('query');
  const google="https://www.google.com/search?q=site%3A+";
  const site="example.com";

  function submitted(event) {
    event.preventDefault();
    const url = google + site + '+' + q.value;
    const win = window.open(url, '_blank');
    win.focus();
  }

  f.addEventListener('submit', submitted);

Я проверил этот код из pagedart.com и в их блоге почти такой же JavaScript. Я не могу понять в чем проблема. Вот фрагмент, в котором я его использовал:

 const f = document.getElementById('form');
      const q = document.getElementById('query');
      const google="https://www.google.com/search?q=site%3A+";
      const site="example.com";

      function submitted(event) {
        event.preventDefault();
        const url = google + site + '+' + q.value;
        const win = window.open(url, '_blank');
        win.focus();
      }

      f.addEventListener('submit', submitted);    

    
  #form {
    border-radius: 5px;
    border-style: inset;
    display:flex;
    flex-direction:row;
    align-items:center;
  }

  #query {
    all: unset;
    font: 16px;
    color: #000;
    height: 100%;
    width: 100%;
    padding: 6px 10px;
  }
  svg {
    color: #000;
    width: 24px;
    height: 24px;
    padding: 10px;
  }

  button {
    all: unset;
    cursor: pointer;
    width: 44px;
    height: 44px;
  }
    <form role="search" id="form">
    <input type="search" id="query" name="q" placeholder="Search..." aria-label="Search through site content">
  <button id="search">
    <svg viewBox="0 0 1024 1024" class="search-icon"><path class="path1" d="M848.471 928l-263.059-263.059c-48.941 36.706-110.118 55.059-177.412 55.059-171.294 0-312-140.706-312-312s140.706-312 312-312c171.294 0 312 140.706 312 312 0 67.294-24.471 128.471-55.059 177.412l263.059 263.059-79.529 79.529zM189.623 408.078c0 121.364 97.091 218.455 218.455 218.455s218.455-97.091 218.455-218.455c0-121.364-103.159-218.455-218.455-218.455-121.364 0-218.455 97.091-218.455 218.455z"></path></svg>
  </button>
</form>

Просмотрите мой код и помогите мне ..

0

Добавить комментарий

Ваш адрес email не будет опубликован.