Простой способ создания поисковика на сайте с помощью блокнота
В этой статье мы рассмотрим, как сделать поиск на своем сайте, используя блокнот. Вместо того чтобы платить за сторонние сервисы, вы сможете легко создать свой собственный поисковик.
Создание поисковика на сайте может показаться сложным процессом, особенно если у вас нет специальных знаний в программировании. Но с помощью блокнота вы можете легко создать свой поисковик без лишних затрат.
Шаг 1: Создайте файл HTML
Первый шаг заключается в создании файла HTML на вашем компьютере. Откройте блокнот и создайте новый файл. Затем, используя язык HTML, создайте форму для поиска. Пример кода формы:
«`html
«`
Шаг 2: Сохраните файл
Очень важно сохранить файл с расширением .html . Чтобы это сделать, выберите «Сохранить как» и выберите формат файла HTML. Сохраните файл на вашем компьютере.
Шаг 3: Создайте файл JavaScript
Теперь вам нужно создать JavaScript-файл, который будет обрабатывать запросы пользователя и возвращать результаты поиска. Создайте новый файл в блокноте и сохранив его с расширением .js .
Шаг 4: Напишите код JavaScript
Для создания поисковика используем язык программирования JavaScript. На примере Google можно увидеть, что поисковик производит запрос на другой сайт, и отображает результаты на странице. Аналогично, для создания поисковика, наш код будет производить запрос на другой сайт и отображать результаты на странице.
«`javascript
document.querySelector(‘form’).addEventListener(‘submit’, function(e) {
e.preventDefault();
const query = document.querySelector(‘input|name=»query»|’).value;
const url = `https://www.google.com/search?q=${query}&rlz=1C1GCEA_enUS832US832&oq=${query}&aqs=chrome.0.35i39l2j0l4j46j69i60.5017j0j7&sourceid=chrome&ie=UTF-8`;
window.open(url, ‘_self’);
});
«`
Шаг 5: Сохраните файл
Сохраните ваш JavaScript-файл на компьютере.
Шаг 6: Добавьте ссылку на ваш файл JavaScript на страницу HTML
Наконец, вы должны добавить ссылку на ваш JavaScript-файл на страницу HTML. Чтобы это сделать, вставьте следующую строку в ваш файл HTML:
«`html
«`
Где “scripts.js” — имя вашего JavaScript-файла.
Теперь вы можете проверить, работает ли ваш поисковик на сайте.
В результате вы сможете добавить на ваш сайт простой и удобный в использовании поисковик, который не требует знания большого количества языков программирования и крупномасштабного технического обновления.