Javascript / Electron запустить скрипт, когда URL изменился

Question

Я пытаюсь сделать электронное приложение, но этот скрипт не работает.Я действительно не знаю, что случилось.Надеюсь, кто-нибудь может мне помочь?

function search() {
    const remote = require('electron').remote;
    const BrowserWindow = remote.BrowserWindow;
    var x = document.getElementById("searchText").value;
    var search = x.replace(/ /g, "+");
    var searchWindow = new BrowserWindow({
        width: 800,
        height: 600,
        frame: false
    });
    searchWindow.setPosition(100, 100);
    searchWindow.setMenu(null);
    searchWindow.loadURL("https://youtube.com/results?search_query=" + search);

    searchWindow.webContents.on('will-navigate', function() {
            var theUrl = url;
            var dWindow = new BrowserWindow({
                width: 800,
                height: 600,
                frame: false
            });
            dWindow.setPosition(200, 200);
            dWindow.setMenu(null);
            dWindow.loadURL(theUrl);
        }
    }

Он даже не создает searchWindow (а также dWindow).Когда я удаляю это, searchWindow действительно появляется (но dWindow нет):

searchWindow.webContents.on('will-navigate', function() {
            var theUrl = url;
            var dWindow = new BrowserWindow({
                width: 800,
                height: 600,
                frame: false
            });
            dWindow.setPosition(200, 200);
            dWindow.setMenu(null);
            dWindow.loadURL(theUrl);
        }

В моем HTML-коде у меня есть

<form action=>
    <input type="text" placeholder="Search.." id="searchText" />
    <input type="button" value="Search.." onclick="search()" id="searchButton" />
    <script src="searchFunction/search.js" />
</form>