Input that searches google

I am making a extension theme for my Chromebook that searches coding sites (like this site, w3schools, ect.) How sould I make it? This is my code so far:




    





My code doesn’t work

When it runs, this pops up:

(Image of my code running)

Is my code wrong?

Any help will be aapreciated.

EDIT





    





and

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;
    }


    });
});

Didn’t work either

Google Chrome theme images are lightened

The image for “theme_toolbar” (defined in manifest.json) has the background color “rgb(50, 50, 52)” but at the end it results in an active tab with the background color “rgb(65, 65, 68)”.

The “documentation” does not mention this behavior. Is this effect calculable or is there a workaround for this?

How to change chrome toolbar color dynamically through chrome extension?

Is it possible in chrome extension to dynamically change the color of the browser toolbar, frames and bookmark text? If yes, how?