JavaScript Youtube API v3: функция «Очистить результаты и проверка» - PullRequest
Новая
       14

JavaScript Youtube API v3: функция «Очистить результаты и проверка»

0 голосов
/ 28 января 2019

Я создал приложение, которое позволяет пользователю получать самые просматриваемые видео на Youtube.Я хочу включить функцию проверки, которая предупредит пользователя о необходимости ввода ввода в строке поиска, а также функцию, которая очистит все результаты поиска и ввод в строке поиска.Я немного новичок в JavaScript, поэтому я застрял в том, как включить эти функции в мой код. 

<!DOCTYPE html>

{{название}}

Ответы [ 2 ]

0 голосов
/ 28 января 2019

HTML: 

<code><div class="search-wrap">
    <input id="query" placeholder="Enter video right here" type="text"/>
    <button onclick="search()">Search</button>
    <pre id="response">

JS: 

$(document).ready(function() {
    // get submit button DOM
    const buttonSubmit = $('yourSubmitButton');
    // when you click the submit button
    buttonSubmit.click(function() {
        const searchValue = $(this).parent('.search-wrap').find('#query').val();
        if(searchValue === '') {
            alert('You must input something');
            return false;
        } 

        /* Do whatever you want in here*/
        search();

        /* clear result after search */
        $(this).parent('.search-wrap').find('#query').val('');
    })
})

Я обертываю ваш HTML-код в '.search-wrap', завершите использование jQueryесли ты хочешь.Для получения дополнительной информации ищите jQuery DOM treeversing

0 голосов
/ 28 января 2019

функция, которая предупредит пользователя о необходимости ввода ввода в строке поиска

В вашей функции search () добавьте условие, чтобы проверить, было ли введено значение,Если это правда, запустите код, который вы перечислили.Если false, alert (). 

function search(){
  if(document.getElementById('query').value.trim().length > 0){
    // your code
  } else {
    alert('please enter a value into the search');
  }
}

функция, которая очистит все результаты поиска и ввод в строку поиска

Очистить любое значение или внутреннийHTML-код элемента, значение element.value или element.innerHTML равно нулю.Примеры: 

document.getElementById('query').value = '';
document.getElementById('response').innerHTML = '';
...