Ввод, который ищет Google - PullRequest
Новая
       28

Ввод, который ищет Google

0 голосов
/ 23 мая 2018

Я делаю тему расширения для своего Chromebook, которая ищет сайты с кодировкой (например, этот сайт, w3schools, и т. Д.). Как это сделать?Это мой код до сих пор: 

<html>
<head>
</head>
<body>    
<input id="input1">
<button onclick="searchGoogle()">Search Google</button>
<script>
function searchGoogle() {
        var one = document.getElementById("input1").value;
        var two = 'http://www.google.com/search?q=' + one;
        window.location = two;
    }
</script>
</body>
</html>

Мой код не работает

Когда он запускается, всплывает:

(Изображение моего кодавыполняется)

Мой код неверен?

Любая помощь будет оценена.

РЕДАКТИРОВАТЬ 

<html>
<head>
<script src="searchgoogle.js">
</script>
</head>
<body>    
<input id="input1">
<button id="link">Search Google</button>

</body>
</html>

и 

document.addEventListener('DOMContentLoaded', function() {
    var link = document.getElementById('link');
    // onClick's logic below:
    link.addEventListener('click', function() {

        function searchGoogle() {
        var one = document.getElementById("input1").value;
        var two = 'https://www.google.com/search?q=' + one;
        window.location = two;
    }


    });
});

тоже не работал

1 Ответ

0 голосов
/ 23 мая 2018

Вы объявляете функцию searchGoogle внутри функции слушателя, но она никогда не вызывается.Попробуйте с: 

document.addEventListener('DOMContentLoaded', function() {
    var link = document.getElementById('link');
    // onClick's logic below:
    link.addEventListener('click', function() {

        //there is no need to declare a new function here.

        var one = document.getElementById("input1").value;
        var two = 'https://www.google.com/search?q=' + encodeURIComponent(one);
        window.location = two;



    });
});
...