title: How do you make a chrome extension that loads page you typed in?
body: <p>I am making a chrome extension, but when I try to get user input, and subsequently load the page, it throws an error:</p>
  <pre><code>Refused to execute inline script because it violates the following Content Security Policy directive: &quot;script-src 'self' blob: filesystem:&quot;. Either the 'unsafe-inline' keyword, a hash ('sha256-FXypLyAT7wJfhWBTVrCbeUAS8Y801HSs7d9LQUHi6aQ='), or a nonce ('nonce-...') is required to enable inline execution.
  </code></pre>
  <p>popup.html:</p>
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;script&gt;
        function connect() {
      console.log(document.getElementById('url').value);
    var urlValue = document.getElementById('url').value;
    chrome.tabs.update({
   url: urlValue
  });
  }
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;input type=&quot;url&quot; name=&quot;url&quot; id=&quot;url&quot; placeholder=&quot;http://google.com&quot; required&gt;&lt;/input&gt;
        &lt;button onclick=&quot;connect()&quot;&gt;Connect&lt;/button&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>manifest.json:</p>
  <pre><code> {
    &quot;manifest_version&quot;: 2,
  
    &quot;name&quot;: &quot;extension&quot;,
    &quot;description&quot;: &quot;extension&quot;,
    &quot;version&quot;: &quot;1.0&quot;,
  
    &quot;browser_action&quot;: {
     &quot;default_icon&quot;: &quot;icon.png&quot;,
     &quot;default_popup&quot;: &quot;popup.html&quot;
    },
    &quot;permissions&quot;: [
     &quot;activeTab&quot;
     ]
  }
  </code></pre>